:root {
  /* colour */
  --bg-dark:            #0E0F0E;
  --bg-elevated:        #1A1B1A;
  --surface-light:      #FFFFFF;
  --surface-cream:      #F5F5F0;
  --accent-green:       #7FE26B;
  --accent-green-hover: #6BC95A;
  --ink:                #0E0F0E;
  --ink-muted:          #6B6B6B;
  --ink-on-dark:        #F5F5F0;
  --border-dark:        #2A2B2A;
  --border-light:       #E5E5E0;

  /* typography */
  --font-display: "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-xs:    0.75rem;
  --fs-sm:    0.875rem;
  --fs-base:  1rem;
  --fs-lg:    1.125rem;
  --fs-xl:    1.5rem;
  --fs-2xl:   2rem;
  --fs-3xl:   2.75rem;
  --fs-4xl:   3.75rem;
  --lh-tight: 1.1;
  --lh-base:  1.55;

  /* spacing (8pt scale) */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2rem;
  --sp-5: 3rem;
  --sp-6: 4rem;
  --sp-7: 6rem;
  --sp-8: 8rem;

  /* layout */
  --max-w: 1200px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-pill: 999px;

  /* effects */
  --shadow-card: 0 10px 30px rgba(0,0,0,0.15);
}