/* ═══════════════════════════════════════════
   DESIGN TOKENS — single source of truth
   LIGHT FUTURISTIC THEME
   ═══════════════════════════════════════════ */
:root {
  /* Colors */
  --bg: #F5F8FF;
  --bg-soft: #EDF2FC;
  --bg-card: rgba(255, 255, 255, 0.6);
  --accent: #0891B2;
  --accent-2: #3B82F6;
  --text: #0E1B3A;
  --text-sub: #4E6183;
  --text-dim: #7C90AE;

  /* Gradients */
  --grad: linear-gradient(120deg, #06B6D4, var(--accent-2));
  --grad-soft: linear-gradient(120deg, rgba(6, 182, 212, 0.12), rgba(59, 130, 246, 0.12));

  /* Glass */
  --glass-bg: rgba(255, 255, 255, 0.62);
  --glass-border: rgba(255, 255, 255, 0.9);
  --glass-border-hover: rgba(8, 145, 178, 0.45);
  --glass-blur: 20px;
  --glass-shadow: 0 20px 60px rgba(29, 78, 216, 0.1);
  --glow-accent: 0 0 40px rgba(8, 145, 178, 0.16);

  /* Typography */
  --font-display: 'Bebas Neue', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Spacing & sizing */
  --wrap-max: 1200px;
  --wrap-pad: 48px;
  --section-pad: 140px;
  --radius: 22px;
  --radius-sm: 14px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur: 0.7s;
}