:root {
  --c-bg:          #0a0c10;
  --c-surface:     #111318;
  --c-surface-2:   #1a1e27;
  --c-border:      #252a36;
  --c-text:        #e8ecf4;
  --c-text-muted:  #8892a4;
  --c-accent:      #f5c518;
  --c-accent-dim:  #c49a10;
  --c-volt:        #b8ff57;
  --c-volt-dim:    #8fd93c;
  --c-green:       #34d399;
  --c-red:         #f87171;
  --c-link:        #60a5fa;

  --font-head:  'Bricolage Grotesque', sans-serif;
  --font-body:  'Hanken Grotesk', sans-serif;
  --font-mono:  'JetBrains Mono', monospace;

  --r-sm:  6px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-xl: 32px;

  --shadow-card: 0 2px 16px rgba(0,0,0,.45);
  --shadow-hover: 0 8px 32px rgba(0,0,0,.6);

  --wrap: 1200px;
  --gap:  clamp(1rem, 3vw, 2rem);
}