/* Folii tokens, compiled from the design system's tokens.json. Change them there first. */
:root {
  color-scheme: light dark;
  --font-serif: "Newsreader", Georgia, serif;
  --font-sans: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --type-display: 400 56px/60px var(--font-serif);
  --tracking-display: -0.02em;
  --type-title: 400 36px/44px var(--font-serif);
  --tracking-title: -0.01em;
  --type-heading: 500 22px/30px var(--font-sans);
  --tracking-heading: -0.01em;
  --type-subheading: 500 17px/26px var(--font-sans);
  --type-body: 400 16px/26px var(--font-sans);
  --type-body-sm: 400 14px/22px var(--font-sans);
  --type-label: 500 14px/20px var(--font-sans);
  --type-caption: 500 12px/18px var(--font-sans);
  --type-figure: 500 32px/40px var(--font-sans);
  --tracking-figure: -0.01em;
  --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;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 999px;
  --control-md: 44px;
  --control-sm: 36px;
  --row-height: 60px;
  --measure: 640px;
  --page-max: 1200px;
  --paper: #f8f6f1;
  --surface: #ffffff;
  --surface-sunken: #f1eee7;
  --line: #e3dfd6;
  --line-strong: #8a8f8c;
  --ink: #14232a;
  --ink-muted: #4f5d63;
  --brand: #0f4c5c;
  --brand-hover: #0b3c49;
  --on-brand: #ffffff;
  --brand-tint: #e3eff1;
  --accent: #f5b83d;
  --on-accent: #14232a;
  --accent-tint: #fcefd2;
  --positive: #0a6b62;
  --positive-tint: #dff1ee;
  --caution: #8a5600;
  --caution-tint: #fbeed3;
  --critical: #b93a0a;
  --critical-tint: #fbe6dc;
  --info: #2a5a9e;
  --info-tint: #e4ecf7;
  --focus: #0f4c5c;
  --logo-tile: #0f4c5c;
  --on-logo-tile: #ffffff;
  --shadow-overlay: 0 12px 32px rgba(20, 35, 42, 0.14);
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  --paper: #0f1719;
  --surface: #172225;
  --surface-sunken: #0b1214;
  --line: #2a383c;
  --line-strong: #6f8186;
  --ink: #eef2f1;
  --ink-muted: #a9b7bb;
  --brand: #7fcbda;
  --brand-hover: #a0dae5;
  --on-brand: #0b2730;
  --brand-tint: #16343c;
  --accent: #f5b83d;
  --on-accent: #14232a;
  --accent-tint: #3b2f14;
  --positive: #5cd0c0;
  --positive-tint: #12332f;
  --caution: #f0b84c;
  --caution-tint: #37290f;
  --critical: #ff9a6b;
  --critical-tint: #3d2013;
  --info: #93bcf5;
  --info-tint: #1a2c46;
  --focus: #7fcbda;
  --logo-tile: #0f4c5c;
  --on-logo-tile: #ffffff;
  --shadow-overlay: 0 12px 32px rgba(0, 0, 0, 0.5);
}
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0f1719;
  --surface: #172225;
  --surface-sunken: #0b1214;
  --line: #2a383c;
  --line-strong: #6f8186;
  --ink: #eef2f1;
  --ink-muted: #a9b7bb;
  --brand: #7fcbda;
  --brand-hover: #a0dae5;
  --on-brand: #0b2730;
  --brand-tint: #16343c;
  --accent: #f5b83d;
  --on-accent: #14232a;
  --accent-tint: #3b2f14;
  --positive: #5cd0c0;
  --positive-tint: #12332f;
  --caution: #f0b84c;
  --caution-tint: #37290f;
  --critical: #ff9a6b;
  --critical-tint: #3d2013;
  --info: #93bcf5;
  --info-tint: #1a2c46;
  --focus: #7fcbda;
  --logo-tile: #0f4c5c;
  --on-logo-tile: #ffffff;
  --shadow-overlay: 0 12px 32px rgba(0, 0, 0, 0.5);
}
:root[data-theme="light"] { color-scheme: light; }