:root {
  /* Palette — premium dark with neon-blue accent */
  --bg-base: #0A0A0B;
  --bg-elev: #14151A;
  --bg-elev-2: #1B1D24;
  --surface-glass: rgba(255, 255, 255, 0.04);
  --surface-glass-hover: rgba(255, 255, 255, 0.06);
  --border-glass: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);

  --text-primary: #F5F6F8;
  --text-secondary: #C9CCD1;
  --text-muted: #8A8F99;

  --silver: #C9CCD1;
  --silver-grad: linear-gradient(135deg, #ffffff 0%, #C9CCD1 50%, #6B7280 100%);

  --accent: #00E5FF;
  --accent-hover: #33EBFF;
  --accent-soft: rgba(0, 229, 255, 0.12);
  --accent-glow: 0 0 24px rgba(0, 229, 255, 0.45);
  --accent-glow-lg: 0 0 48px rgba(0, 229, 255, 0.35);
  --accent-grad: linear-gradient(135deg, #00E5FF 0%, #7DF9FF 100%);

  --danger: #FF5470;
  --success: #4ADE80;

  /* Typography */
  --ff-head: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ff-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-xs: .75rem;     /* 12 */
  --fs-sm: .875rem;    /* 14 */
  --fs-base: 1rem;     /* 16 */
  --fs-md: 1.125rem;   /* 18 */
  --fs-lg: 1.25rem;    /* 20 */
  --fs-xl: 1.5rem;     /* 24 */
  --fs-2xl: 2rem;      /* 32 */
  --fs-3xl: 2.5rem;    /* 40 */
  --fs-4xl: 3.25rem;   /* 52 */
  --fs-hero: clamp(2.25rem, 5.5vw, 4.5rem);

  /* Spacing — 8pt scale */
  --sp-1: .25rem;
  --sp-2: .5rem;
  --sp-3: .75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;

  /* Layout */
  --container: 1200px;
  --radius-sm: 8px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-pill: 9999px;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.6);

  /* Motion */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-fast: .15s;
  --dur: .3s;
  --dur-slow: .6s;

  /* Z */
  --z-nav: 100;
  --z-overlay: 200;
}

html { background: var(--bg-base); color: var(--text-primary); font-family: var(--ff-body); font-size: 16px; }
body { background: var(--bg-base); color: var(--text-primary); }