:root {

  --volt:      #F5E93C;
  --volt-hot:  #FFF621;
  --volt-ink:  #08090A;
  --volt-dim:  rgba(245, 233, 60, .13);

  --svc-web:   #60A5FA;
  --svc-app:   #FB923C;
  --svc-crm:   #C084FC;
  --svc-ads:   #4ADE80;
  --svc-meta:  #FBBF24;
  --nav-nos:   #FB7185;
  --nav-con:   #22D3EE;

  --bg:        #0A0B0D;
  --surface-1: #101215;
  --surface-2: #171A1E;
  --surface-3: #1F2328;
  --well:      #06070A;

  --text:      #E8EAED;
  --text-2:    #AFB5BF;
  --text-3:    #8B919B;

  --line:      rgba(255, 255, 255, .07);
  --line-2:    rgba(255, 255, 255, .14);
  --line-3:    #5A5F69;

  --code-comment: #6B7280;
  --code-keyword: #C084FC;
  --code-string:  #7DD3A0;
  --code-fn:      #60A5FA;
  --code-num:     #F0A868;
  --code-prop:    #D7DAE0;
  --code-punct:   #767D8A;

  --font-sans: 'Geist', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'Geist Mono', 'Consolas', monospace;

  --text-mono:  0.875rem;
  --text-sm:    0.9375rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.3125rem;
  --text-2xl:   clamp(1.5rem, 2.4vw, 1.95rem);
  --text-3xl:   clamp(1.85rem, 3.3vw, 2.6rem);
  --text-4xl:   clamp(2.35rem, 4.8vw, 3.5rem);

  --track-h1:   -0.035em;
  --track-h2:   -0.025em;
  --track-body: -0.011em;

  --space-1: 4px;   --space-2: 8px;   --space-3: 12px;
  --space-4: 16px;  --space-5: 24px;  --space-6: 32px;
  --space-7: 48px;  --space-8: 64px;  --space-9: 96px;
  --section-pad: clamp(42px, 4.4vw, 66px);
  --max-width: 1200px;

  --r-sm:   4px;
  --r:      8px;
  --r-pill: 999px;

  --ease: cubic-bezier(.25, 1, .5, 1);
  --dur-fast: 160ms;
  --dur:      280ms;

  --z-bg: 0; --z-content: 10; --z-sticky: 90; --z-header: 100;
}