/* Sifty design tokens, copied from the Sifty design system (tokens.json). Keep in step with it. */

@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 dark;
  --paper: #f1f2ee;
  --paper-raised: #fafbf8;
  --paper-sunk: #e3e5df;
  --ink: #111317;
  --ink-muted: #555a63;
  --ink-faint: #878c94;
  --line: #d6d9d2;
  --line-strong: #868b93;
  --ultramarine: #1b2bb8;
  --chartreuse: #d5f23a;
  --periwinkle: #9fb4ff;
  --bottle: #2f6b4f;
  --accent-ink: #1b2bb8;
  --on-chartreuse: #111317;
  --on-ultramarine: #f1f2ee;
  --inverse: #111317;
  --on-inverse: #f1f2ee;
  --focus: #1b2bb8;
  --warn: #b0213f;
  --tag-topic-fg: #1f4d38;
  --tag-topic-bg: #d6eadf;
  --tag-substance-fg: #1b2bb8;
  --tag-substance-bg: #dde2ff;
  --tag-humor-fg: #5a2a9e;
  --tag-humor-bg: #ebdffa;
  --tag-junk-fg: #9a1b36;
  --tag-junk-bg: #f9dde3;
  --tag-muted-fg: #555a63;
  --tag-muted-bg: #e3e5df;
  --tag-error-fg: #111317;
  --tag-error-bg: #d5f23a;
  --shadow-toast: 0 8px 24px rgba(11,18,80,0.18), 0 1px 2px rgba(17,19,23,0.12);
  --shadow-segment: 0 1px 2px rgba(17,19,23,0.14);
  --font-serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --font-sans: Geist, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --space-0-5: 2px;
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --opacity-pending: 0.25;
  --opacity-dimmed: 0.35;
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #0d0f1a;
    --paper-raised: #151829;
    --paper-sunk: #1d2135;
    --ink: #eef0ea;
    --ink-muted: #a3a8b8;
    --ink-faint: #6a7086;
    --line: #262a40;
    --line-strong: #6e7489;
    --ultramarine: #4058f5;
    --chartreuse: #d5f23a;
    --periwinkle: #9fb4ff;
    --bottle: #5fae88;
    --accent-ink: #d5f23a;
    --on-chartreuse: #111317;
    --on-ultramarine: #f1f2ee;
    --inverse: #eef0ea;
    --on-inverse: #0d0f1a;
    --focus: #d5f23a;
    --warn: #ff8aa0;
    --tag-topic-fg: #9fd9bb;
    --tag-topic-bg: #13291f;
    --tag-substance-fg: #b8c4ff;
    --tag-substance-bg: #171d45;
    --tag-humor-fg: #d2b8ff;
    --tag-humor-bg: #2a1a45;
    --tag-junk-fg: #ff9fb1;
    --tag-junk-bg: #3d1520;
    --tag-muted-fg: #a3a8b8;
    --tag-muted-bg: #1d2135;
    --tag-error-fg: #111317;
    --tag-error-bg: #d5f23a;
    --shadow-toast: 0 8px 24px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.4);
    --shadow-segment: 0 1px 2px rgba(0,0,0,0.5);
  }
}