:root {
  /* Spacing — strict 4pt grid */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  /* Type */
  --text-xs:    0.875rem;
  --text-base:  1rem;
  --text-lead:  1.125rem;
  --display-sm: 1.5rem;
  --display-md: 2rem;
  --display-lg: clamp(2.25rem, 5vw, 3rem);
  --lh-tight:   1.1;
  --lh-snug:    1.15;
  --lh-body:    1.5;
  --lh-lead:    1.55;
  --font-display: "Chakra Petch", Impact, "Arial Narrow Bold", system-ui, sans-serif;
  --font-body:    system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Color */
  --brand:         #ec833c;
  --brand-soft:    #f0935a;
  --brand-press:   #d36a26;
  --ink:           #f4f4f4;
  --ink-soft:      #d4d4d8;
  --ink-mute:      #9c9ca0;
  --bg:            #141415;
  --surface-1:     #1a1a1f;
  --surface-2:     #23232a;
  --border:        #2a2a30;
  --border-strong: #3a3a44;
  --ok:            #5fbf6d;
  --warn:          #f5a76a;
  --danger:        #e06464;

  /* Radii */
  --radius-sm:   0.5rem;
  --radius-md:   0.75rem;
  --radius-pill: 999px;

  /* Motion */
  --ease:     cubic-bezier(0.2, 0, 0, 1);
  --dur-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 220ms;
}