/* Ex Datis, Claritas: generated from design-system/tokens.json by scripts/build.mjs. Do not edit. */

@font-face {
  font-family: "Instrument Serif";
  src: url("../fonts/InstrumentSerif-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("../fonts/InstrumentSerif-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("../fonts/Geist-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("../fonts/GeistMono-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;
  --surface: #f4f2ec;
  --surface-raised: #fbfaf7;
  --surface-sunken: #eae7df;
  --line: #dad6cb;
  --line-strong: #8c887d;
  --ink: #0e0e0c;
  --ink-muted: #57554e;
  --ink-subtle: #67645c;
  --signal: #c8f135;
  --on-signal: #0e0e0c;
  --signal-ink: #4a6300;
  --signal-soft: #eaf6c6;
  --danger: #b42318;
  --inverse-surface: #0e0e0c;
  --inverse-ink: #f2f0ea;
  --inverse-muted: #a6a39a;
  --inverse-signal: #c8f135;
  --link: var(--ink);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-xs: 4px;
  --radius-md: 14px;
  --radius-lg: 28px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 2px #0e0e0c0d, 0 0 0 1px #0e0e0c0f;
  --shadow-lg: 0 24px 48px -16px #0e0e0c2e;
  --focus-ring: 0 0 0 2px #f4f2ec, 0 0 0 4px #0e0e0c;
  --container: 1200px;
  --prose: 680px;
  --header-height: 64px;
  --font-display: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --font-sans: Geist, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --surface: #0b0b0a;
  --surface-raised: #151513;
  --surface-sunken: #1d1d1a;
  --line: #2b2a26;
  --line-strong: #6a675f;
  --ink: #f2f0ea;
  --ink-muted: #adaaa1;
  --ink-subtle: #8f8c83;
  --signal: #d2ff45;
  --on-signal: #0e0e0c;
  --signal-ink: #d2ff45;
  --signal-soft: #1e2807;
  --danger: #ff8a7a;
  --inverse-surface: #f2f0ea;
  --inverse-ink: #0e0e0c;
  --inverse-muted: #57554e;
  --inverse-signal: #4a6300;
  --shadow-sm: 0 1px 2px #00000080, 0 0 0 1px #f2f0ea14;
  --shadow-lg: 0 24px 48px -16px #000000cc;
  --focus-ring: 0 0 0 2px #0b0b0a, 0 0 0 4px #d2ff45;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --surface: #0b0b0a;
    --surface-raised: #151513;
    --surface-sunken: #1d1d1a;
    --line: #2b2a26;
    --line-strong: #6a675f;
    --ink: #f2f0ea;
    --ink-muted: #adaaa1;
    --ink-subtle: #8f8c83;
    --signal: #d2ff45;
    --on-signal: #0e0e0c;
    --signal-ink: #d2ff45;
    --signal-soft: #1e2807;
    --danger: #ff8a7a;
    --inverse-surface: #f2f0ea;
    --inverse-ink: #0e0e0c;
    --inverse-muted: #57554e;
    --inverse-signal: #4a6300;
    --shadow-sm: 0 1px 2px #00000080, 0 0 0 1px #f2f0ea14;
    --shadow-lg: 0 24px 48px -16px #000000cc;
    --focus-ring: 0 0 0 2px #0b0b0a, 0 0 0 4px #d2ff45;
  }
}