:root{
  /* spacing scale */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px;
  /* radii & shadows */
  --radius:10px;
  --shadow-1:0 1px 2px rgba(0,0,0,.04),0 1px 8px rgba(0,0,0,.03);
  --shadow-2:0 6px 24px rgba(0,0,0,.08);
  /* color tokens (set by palette file) */
  --bg:#fff; --surface:#fff; --text:#111; --muted:#666; --border:#e5e7eb;
  --accent:#0ea371; --accent-contrast:#06261B; --link:#0d9488; --link-hover:#0f766e;
  /* typography */
  --font-system:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Ubuntu,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji",sans-serif;
  --maxw:72ch;
}
@media (prefers-color-scheme: dark){
  :root{ /* palette file will override these too if needed */ }
}