/* Shared Fiscalia foundations. Light only (D04). See docs/DESIGN_SYSTEM.md. */
@font-face { font-family: "Outfit"; src: url("../fonts/outfit/Outfit[wght].woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("../fonts/manrope/Manrope[wght].woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("../fonts/jetbrains-mono/JetBrainsMono[wght].woff2") format("woff2"); font-weight: 100 800; font-style: normal; font-display: swap; }
:root {
  --paper: #f3f1ed;
  --surface: #ffffff;
  --surface-sunken: #ebe8e2;
  --line: #e0deda;
  --line-strong: #84847e;
  --ink: #141413;
  --ink-muted: #67675f;
  --ink-faint: #9a9a93;
  --on-ink: var(--paper);
  --on-ink-muted: #a6a69f;
  --focus-ring: var(--ink);
  --ok: #1e6b45;
  --ok-soft: #e3f1e8;
  --warn: #8a5a00;
  --warn-soft: #fbefd3;
  --danger: #b42318;
  --danger-soft: #fde4e1;
  --info: #1d4ed8;
  --info-soft: #e3eafc;
  --highlight: #f6e88e;
  --gray-0: #ffffff;
  --gray-50: #f3f1ed;
  --gray-100: #ebe8e2;
  --gray-200: #e0deda;
  --gray-300: #cfcdc7;
  --gray-400: #aeaca5;
  --gray-500: #84847e;
  --gray-600: #67675f;
  --gray-700: #4a4a45;
  --gray-800: #2e2e2b;
  --gray-900: #1c1c1a;
  --gray-950: #141413;
  --shadow-card: 0 10px 30px rgba(20,20,19,0.08);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-tile: 22%;
  --radius-pill: 999px;
  --font-display: "Outfit", system-ui, sans-serif;
  --font-sans: "Manrope", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
}

:root { color-scheme: light; }
:where(h1, h2, h3, h4, h5, h6) { font-family: var(--font-display); font-weight: 500; }
:where(code, pre, kbd, samp) { font-family: var(--font-mono); }