/**
 * Visioneer Tech — Premium homepage design tokens
 * Theme locked to existing brand colors.
 */

@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap");

:root {
  --vt-bg: #0b0e13;
  --vt-bg-alt: #0f141c;
  --vt-bg-elevated: #141a24;
  --vt-accent: #01dbff;
  --vt-accent-dim: rgba(1, 219, 255, 0.12);
  --vt-accent-soft: rgba(1, 219, 255, 0.32);
  --vt-accent-glow: rgba(1, 219, 255, 0.42);
  --vt-text: #ffffff;
  --vt-muted: #ababab;
  --vt-muted-2: #d4d4d4;
  --vt-glass: rgba(255, 255, 255, 0.04);
  --vt-glass-strong: rgba(255, 255, 255, 0.07);
  --vt-border: rgba(255, 255, 255, 0.08);
  --vt-border-strong: rgba(255, 255, 255, 0.14);
  --vt-danger: #ff5a5a;
  --vt-success: #3dffb5;

  /* Sora = headings · Manrope = paragraphs */
  --vt-font-display: "Sora", system-ui, sans-serif;
  --vt-font-body: "Manrope", system-ui, sans-serif;

  --vt-container: 1280px;
  --vt-gutter: clamp(1.25rem, 4vw, 3rem);
  --vt-radius: 28px;
  --vt-radius-sm: 16px;
  --vt-header-h: 88px;

  --vt-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --vt-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --vt-ease-soft: cubic-bezier(0.22, 1, 0.36, 1);

  --vt-noise-opacity: 0.045;
  --vt-z-noise: 90;
  --vt-z-cursor: 10000;
  --vt-z-preloader: 9999;
  --vt-z-header: 1000;
}