:root {
  --bg:          #0a0e17;
  --surface:     #111827;
  --surface-2:   #0f172a;
  --surface-3:   #0c1322;
  --border:      #1e293b;
  --border-hi:   #334155;
  --text:        #f1f5f9;
  --text-dim:    #94a3b8;
  --text-mute:   #64748b;
  --text-deep:   #475569;
  --accent:      #10b981;
  --accent-2:    #059669;
  --accent-soft: rgba(16, 185, 129, 0.08);
  --danger:      #dc2626;
  --danger-bg:   #450a0a;
  --danger-fg:   #fca5a5;
  --warn:        #f59e0b;

  --font-display: "Space Grotesk", system-ui, -apple-system, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;

  --fs-base: 15px;
  --fs-xs:   11px;
  --fs-sm:   13px;
  --fs-md:   15px;
  --fs-lg:   18px;
  --fs-xl:   22px;
  --fs-2xl:  28px;
  --fs-3xl:  36px;

  --lh-tight: 1.2;
  --lh-base:  1.55;

  --tracking-wide: 0.5px;
  --tracking-x:    1px;

  --s-2:  6px;
  --s-3:  8px;
  --s-4:  12px;
  --s-5:  14px;
  --s-6:  18px;
  --s-7:  22px;
  --s-8:  28px;
  --s-9:  40px;
  --s-10: 56px;

  --radius-sm: 4px;
  --radius:    8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 20px;

  --header-h: 56px;
  --maxw:     1180px;

  --t-fast: 0.15s;
  --t-base: 0.25s;
  --t-slow: 0.35s;
  --ease:   cubic-bezier(.4, 0, .2, 1);
  --spring: cubic-bezier(.34, 1.56, .64, 1);
}