/* Shared design tokens. Colour, type scale, spacing. Nothing else.
   Both sites copy this into their own output directory at build time, so
   neither ever loads a stylesheet from the other's origin. */

:root {
  /* Colour */
  --bg: #0e0e10;
  --fg: #ededf0;
  --fg-muted: #9a9aa4;
  --accent: #6f7ae8;

  /* Type */
  --font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --step-0: 1rem;
  --step-1: 1.25rem;
  --step-2: 1.6rem;
  --step-3: 2.25rem;
  --line-tight: 1.15;
  --line-body: 1.6;

  /* Space */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 2rem;
  --space-5: 4rem;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: #fbfbfc;
    --fg: #17171b;
    --fg-muted: #63636e;
  }
}