/* Generated from tokens.json by scripts/build-tokens.mjs. Do not edit. */

:root {
  --stein-0: #ffffff;
  --stein-50: #f5f5f2;
  --stein-100: #ecede8;
  --stein-200: #dde0db;
  --stein-300: #c3c9c4;
  --stein-400: #8a938f;
  --stein-500: #66706c;
  --stein-600: #4f5a56;
  --stein-700: #3b4541;
  --stein-800: #232c29;
  --stein-900: #17201d;
  --stein-950: #0e1412;
  --fjord-50: #eef4f5;
  --fjord-100: #e3edef;
  --fjord-200: #c4dadf;
  --fjord-300: #8fbfc6;
  --fjord-400: #5e9aa5;
  --fjord-500: #3a7884;
  --fjord-600: #2a6370;
  --fjord-700: #1e5260;
  --fjord-800: #173f4a;
  --fjord-900: #0f2b33;
  --font-serif: "Newsreader", Georgia, "Times New Roman", serif;
  --font-sans: "Hanken Grotesk", "Helvetica Neue", Helvetica, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --type-display-xl: 400 clamp(2.75rem, 7vw, 5.5rem)/1.0227 var(--font-serif);
  --type-display-xl-tracking: -0.025em;
  --type-display-l: 400 clamp(2.25rem, 4.6vw, 3.5rem)/1.0714 var(--font-serif);
  --type-display-l-tracking: -0.02em;
  --type-display-m: 400 clamp(1.75rem, 3.4vw, 2.5rem)/1.15 var(--font-serif);
  --type-display-m-tracking: -0.015em;
  --type-heading-l: 500 1.75rem/1.2143 var(--font-serif);
  --type-heading-l-tracking: -0.01em;
  --type-heading-m: 500 1.375rem/1.2727 var(--font-serif);
  --type-reading: 400 1.125rem/1.6667 var(--font-serif);
  --type-reading-s: 400 1rem/1.625 var(--font-serif);
  --type-lead: 400 clamp(1.125rem, 2vw, 1.25rem)/1.55 var(--font-sans);
  --type-title: 600 1.0625rem/1.4118 var(--font-sans);
  --type-body: 400 1rem/1.625 var(--font-sans);
  --type-body-s: 400 0.875rem/1.4286 var(--font-sans);
  --type-label: 500 0.875rem/1.4286 var(--font-sans);
  --type-caption: 500 0.75rem/1.3333 var(--font-sans);
  --type-caption-tracking: 0.02em;
  --type-overline: 600 0.75rem/1.3333 var(--font-sans);
  --type-overline-tracking: 0.12em;
  --type-ref: 400 0.8125rem/1.5385 var(--font-mono);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --radius-xs: 2px;
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-xl: 8px;
  --radius-full: 9999px;
  --control-sm: 2rem;
  --control-md: 2.5rem;
  --control-lg: 3rem;
  --sidebar-w: 16.5rem;
  --source-panel-w: 25rem;
  --content-max: 75rem;
  --reading-max: 68ch;
  --z-sticky: 100;
  --z-popover: 400;
  --z-dialog: 600;
  --z-toast: 800;
}

:root,
[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f5f2;
  --bg-sunken: #ecede8;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --surface-muted: #fafaf8;
  --surface-inverse: #17201d;
  --line: #dde0db;
  --line-subtle: #e6e8e4;
  --line-strong: #808985;
  --line-inverse: #3a4541;
  --ink: #17201d;
  --ink-secondary: #3b4541;
  --ink-muted: #4f5a56;
  --ink-subtle: #66706c;
  --ink-disabled: #9aa29e;
  --ink-inverse: #f5f5f2;
  --ink-inverse-muted: #b4bdb8;
  --accent: #1e5260;
  --accent-hover: #173f4a;
  --accent-pressed: #0f2b33;
  --accent-soft: #e3edef;
  --accent-soft-hover: #d2e3e7;
  --hover: rgba(23, 32, 29, 0.05);
  --on-accent: #ffffff;
  --link: var(--accent);
  --focus-ring: var(--accent);
  --highlight: #f4e7b8;
  --highlight-strong: #e9d58e;
  --scrim: rgba(14, 20, 18, 0.48);
  --success: #2f6b45;
  --success-soft: #e4f1e8;
  --warning: #8a5a00;
  --warning-soft: #f8efd9;
  --danger: #a3352b;
  --danger-soft: #f8e6e3;
  --on-danger: #ffffff;
  --info: var(--accent);
  --info-soft: var(--accent-soft);
  --src-lov: #1e5260;
  --src-forarbeid: #3e4f7a;
  --src-praksis: #6b4e2e;
  --src-forvaltning: #3d6148;
  --src-eos: #5b3f6b;
  --src-litteratur: #4f5a56;
  --viz-1: #1e5260;
  --viz-2: #b86a2c;
  --viz-3: #8a938f;
  --viz-4: #3e4f7a;
  --viz-grid: #e6e8e4;
  --shadow-sm: 0 1px 2px rgba(23, 32, 29, 0.06);
  --shadow-md: 0 12px 28px -12px rgba(23, 32, 29, 0.22), 0 0 0 1px rgba(23, 32, 29, 0.05);
  --shadow-lg: 0 32px 64px -24px rgba(23, 32, 29, 0.32);
  --shadow-frame: 0 30px 60px -40px rgba(23, 32, 29, 0.35);
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #111614;
  --bg-sunken: #0b0f0d;
  --surface: #171e1b;
  --surface-raised: #1e2724;
  --surface-muted: #141a18;
  --surface-inverse: #e9ece8;
  --line: #2a3330;
  --line-subtle: #212926;
  --line-strong: #6b7672;
  --line-inverse: #c3c9c4;
  --ink: #e9ece8;
  --ink-secondary: #c5ccc8;
  --ink-muted: #a9b3ae;
  --ink-subtle: #848e8a;
  --ink-disabled: #4e5854;
  --ink-inverse: #17201d;
  --ink-inverse-muted: #4f5a56;
  --accent: #8fbfc6;
  --accent-hover: #a9d0d6;
  --accent-pressed: #c4dadf;
  --accent-soft: #15303a;
  --accent-soft-hover: #1b3c47;
  --hover: rgba(233, 236, 232, 0.07);
  --on-accent: #0d1a1d;
  --link: var(--accent);
  --focus-ring: var(--accent);
  --highlight: #4a3f14;
  --highlight-strong: #5f5120;
  --scrim: rgba(0, 0, 0, 0.64);
  --success: #8cc9a0;
  --success-soft: #15301f;
  --warning: #e3b65c;
  --warning-soft: #33260c;
  --danger: #f09a8e;
  --danger-soft: #3a1714;
  --on-danger: #2a0d0a;
  --info: var(--accent);
  --info-soft: var(--accent-soft);
  --src-lov: #8fbfc6;
  --src-forarbeid: #a9b6de;
  --src-praksis: #d8b48c;
  --src-forvaltning: #9cc7a8;
  --src-eos: #c7a9d6;
  --src-litteratur: #a9b3ae;
  --viz-1: #8fbfc6;
  --viz-2: #e6a86a;
  --viz-3: #6b7672;
  --viz-4: #a9b6de;
  --viz-grid: #212926;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 12px 28px -12px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.05);
  --shadow-lg: 0 32px 64px -24px rgba(0, 0, 0, 0.8);
  --shadow-frame: 0 30px 60px -40px rgba(0, 0, 0, 0.8);
}