/* Custom properties only. Nothing here selects an element. */

@layer tokens {

  :root {

    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;

    --radius-sm: .25rem;
    --radius-md: .5rem;

    --content-width: 72rem;
    --measure: 68ch;

    --font-sans:
      system-ui,
      -apple-system,
      "Segoe UI",
      sans-serif;

    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      monospace;

    --surface: light-dark(#fff, #111418);
    --surface-raised: light-dark(#f6f7f9, #191e24);
    --text: light-dark(#14181d, #e9edf2);
    --text-muted: light-dark(#5a636e, #9aa5b1);
    --border: light-dark(#d9dee4, #2b323a);
    --accent: light-dark(#0b5cd8, #6ba4ff);
  }

  :root {
    color-scheme: light dark;
  }
}