/* ==========================================================================
   AVI TECHNOLOGIES — DESIGN TOKENS (WCAG AA COMPLIANT)
   ========================================================================== */

:root {
  /* Surface & Background Hierarchy */
  --bg-primary: #060911;
  --bg-surface-1: #0c121e;
  --bg-surface-2: #131b2e;
  --bg-surface-3: #1a253c;
  --bg-glass-base: rgba(12, 18, 30, 0.75);
  --bg-glass-card: rgba(19, 27, 46, 0.65);
  --bg-glass-card-hover: rgba(26, 37, 60, 0.85);
  --bg-glass-modal: rgba(8, 12, 22, 0.88);

  /* Luminous Accent Matrix */
  --accent-cyan: #00f2fe;
  --accent-cyan-hover: #38f9d7;
  --accent-cyan-dim: rgba(0, 242, 254, 0.12);
  --accent-blue: #4facfe;
  --accent-emerald: #10b981;
  --accent-emerald-glow: rgba(16, 185, 129, 0.2);
  --accent-neon-green: #00ff88;
  --accent-purple: #8b5cf6;
  --accent-amber: #f59e0b;
  --accent-crimson: #ef4444;

  /* Typography & Contrast (Audited for WCAG AA >= 4.5:1) */
  --text-primary: #f8fafc;        /* 18.9:1 on bg-primary (AAA) */
  --text-secondary: #94a3b8;      /* 7.77:1 on bg-primary (AAA) */
  --text-muted: #7d8ba3;          /* 5.78:1 on bg-primary, 4.98:1 on surface-2 (AA) */
  --text-accent: #38bdf8;         /* High-contrast cyan highlight */
  --text-dark-on-cyan: #060911;   /* 14.4:1 AAA contrast on #00f2fe */

  /* Borders & Highlights */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-medium: rgba(255, 255, 255, 0.15);
  --border-luminous: rgba(0, 242, 254, 0.35);
  --border-emerald: rgba(16, 185, 129, 0.35);

  /* Gradients */
  --grad-cyan-blue: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);
  --grad-emerald-cyan: linear-gradient(135deg, #00ff88 0%, #00f2fe 100%);
  --grad-purple-cyan: linear-gradient(135deg, #8b5cf6 0%, #00f2fe 100%);
  --grad-surface-card: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
  --grad-glow-mesh: radial-gradient(circle at 50% 0%, rgba(0, 242, 254, 0.15), transparent 70%);

  /* Shadows & Glows */
  --glow-cyan-sm: 0 0 15px rgba(0, 242, 254, 0.3);
  --glow-cyan-lg: 0 0 35px rgba(0, 242, 254, 0.25);
  --glow-emerald-lg: 0 0 35px rgba(16, 185, 129, 0.25);
  --shadow-card: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
  --shadow-modal: 0 30px 60px -10px rgba(0, 0, 0, 0.85);

  /* Typography Scale */
  --font-display: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace;

  /* Spacing Scale */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 5rem;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Transitions & Animation Timings (GPU Optimized) */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
  --trans-fast: 150ms var(--ease-smooth);
  --trans-normal: 250ms var(--ease-smooth);
  --trans-spring: 350ms var(--ease-spring);
}