/* ═══════════════════════════════════════════════════════════
   ELVN:11 Landing — Design Tokens
   Single source of truth for all colours, spacing, type, etc.
═══════════════════════════════════════════════════════════ */

:root {
  /* ── Brand Palette ─────────────────────────────────── */
  --clr-bg:        #040d18;
  --clr-bg-nav:    rgba(4, 13, 24, 0.38);
  --clr-accent:    #4ECDC4;
  --clr-accent-2:  #0ea5e9;
  --clr-accent-dim: rgba(78, 205, 196, 0.15);
  --clr-white:     #ffffff;
  --clr-white-90:  rgba(255, 255, 255, 0.90);
  --clr-white-70:  rgba(255, 255, 255, 0.70);
  --clr-white-55:  rgba(255, 255, 255, 0.55);
  --clr-white-45:  rgba(255, 255, 255, 0.45);
  --clr-white-20:  rgba(255, 255, 255, 0.20);
  --clr-white-10:  rgba(255, 255, 255, 0.10);
  --clr-white-08:  rgba(255, 255, 255, 0.08);
  --clr-white-05:  rgba(255, 255, 255, 0.05);
  --clr-navy-light: #0d1b2a;
  --clr-navy-mid:   #1b263b;

  /* ── Typography ─────────────────────────────────────── */
  --font-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fw-light:     300;
  --fw-regular:   400;
  --fw-medium:    500;
  --fw-semibold:  600;
  --fw-bold:      700;
  --fw-extrabold: 800;

  /* ── Spacing Scale ──────────────────────────────────── */
  --sp-2:   2px;
  --sp-4:   4px;
  --sp-8:   8px;
  --sp-12:  12px;
  --sp-16:  16px;
  --sp-24:  24px;
  --sp-32:  32px;
  --sp-40:  40px;
  --sp-48:  48px;
  --sp-64:  64px;
  --sp-80:  80px;
  --sp-120: 120px;

  /* ── Radius ─────────────────────────────────────────── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-pill: 60px;

  /* ── Transitions ────────────────────────────────────── */
  --ease-out:  cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-fast: 0.18s var(--ease-out);
  --ease-base: 0.28s var(--ease-out);
  --ease-slow: 0.45s var(--ease-out);

  /* ── Z-index layers ─────────────────────────────────── */
  --z-base:     1;
  --z-nav:      1000;
  --z-mobile:   1100;
}