:root {
  /* ── Colors ───────────────────────────────────── */
  --c-base:         #111111;
  --c-surface:      #161616;
  --c-card:         #1A1A1A;
  --c-card-raised:  #1E1E1E;
  --c-accent:       #E8622A;
  --c-accent-dim:   rgba(232,98,42,0.12);
  --c-light:        #F5F5F5;
  --c-secondary:    #6B6B6B;
  --c-white:        #FFFFFF;
  --c-border:       #2A2A2A;
  --c-border-light: rgba(255,255,255,0.06);

  /* ── Typography ───────────────────────────────── */
  --font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  --text-xs:      0.75rem;
  --text-sm:      0.875rem;
  --text-base:    1rem;
  --text-md:      1.125rem;
  --text-lg:      1.25rem;
  --text-xl:      1.5rem;
  --text-2xl:     2rem;
  --text-3xl:     2.5rem;
  --text-4xl:     3rem;
  --text-5xl:     3.75rem;
  --text-display: clamp(2.75rem, 5.5vw, 4.25rem);
  --text-heading: clamp(1.75rem, 3vw, 2.5rem);
  --text-stat:    4.5rem;

  --lh-tight:   1.05;
  --lh-snug:    1.25;
  --lh-base:    1.6;
  --lh-relaxed: 1.8;

  --ls-tight: -0.03em;
  --ls-wide:   0.12em;

  /* ── Spacing ──────────────────────────────────── */
  --sp-xs:  0.5rem;
  --sp-sm:  1rem;
  --sp-md:  1.5rem;
  --sp-lg:  2rem;
  --sp-xl:  3rem;
  --sp-2xl: 5rem;
  --sp-3xl: 8rem;

  /* ── Layout ───────────────────────────────────── */
  --max-w:     1200px;
  --content-w: 720px;
  --nav-h:     68px;

  /* ── Radius ───────────────────────────────────── */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;

  /* ── Elevation ────────────────────────────────── */
  --shadow-sm:   0 2px 8px rgba(0,0,0,0.3);
  --shadow-md:   0 8px 24px rgba(0,0,0,0.4);
  --shadow-lg:   0 24px 64px rgba(0,0,0,0.5);
  --shadow-glow: 0 0 40px rgba(232,98,42,0.10);

  /* ── Animation ────────────────────────────────── */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 0.15s;
  --duration-base: 0.3s;
  --duration-slow: 0.6s;
}