/* Generated from tokens.json by scripts/design-tokens.ts. Do not edit by hand. */

:root,
[data-theme='light'] {
  color-scheme: light;
  --ground: #eceee9;
  --surface: #fdfdfb;
  --surface-sunken: #f3f4f0;
  --line: #d9dcd4;
  --line-strong: #7b837b;
  --ink: #17201b;
  --ink-muted: #48524b;
  --ink-faint: #616b64;
  --brand: #1b5e52;
  --brand-ink: #155046;
  --brand-soft: #dbeae4;
  --on-brand: #ffffff;
  --mark-plate: #1b5e52;
  --mark-river: #9dbfb8;
  --mark-pin: #ffffff;
  --mark-light: #e3992b;
  --live: var(--brand);
  --porch: #e3992b;
  --porch-ink: #855300;
  --porch-soft: #fbeed4;
  --on-porch: #1c1406;
  --alert: #c23a26;
  --alert-ink: #a52f1d;
  --alert-soft: #f9e1db;
  --on-alert: #ffffff;
  --storm: #4a51a6;
  --storm-soft: #e2e4f5;
  --on-storm: #ffffff;
  --roadwork: #c2570c;
  --roadwork-soft: #fbe6d6;
  --power: #7d6800;
  --power-soft: #f5f0cf;
  --water: #0a6b86;
  --water-soft: #d9eff5;
  --flights: #983b8e;
  --flights-soft: #f5e2f2;
  --dusk: #1d2a3c;
  --on-dusk: #eef1ee;
  --map-land: #e8e9e3;
  --map-block: #e1e3db;
  --map-park: #cddbc2;
  --map-water: #9dbfb8;
  --map-road: #ffffff;
  --map-casing: #cfd2c9;
  --map-pike: #fdfcf7;
  --map-highway: #d7d9d1;
  --map-label: #4f5850;
  --map-neighborhood: #5f6961;
  --map-halo: #f3f4f0;
  --marker-ring: var(--surface);
  --scrim: rgba(14, 19, 22, 0.44);
  --shadow-control: 0 1px 2px #17201b1f, 0 4px 12px #17201b14;
  --shadow-sheet: 0 -2px 6px #17201b0f, 0 -12px 32px #17201b1f;
  --shadow-marker: 0 1px 3px #17201b4d;
  --focus-ring: 0 0 0 2px #fdfdfb, 0 0 0 4px #1b5e52;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;
    --ground: #0e1316;
    --surface: #172026;
    --surface-sunken: #111a1f;
    --line: #26313a;
    --line-strong: #63717b;
    --ink: #e5ebe7;
    --ink-muted: #a6b2ab;
    --ink-faint: #87938c;
    --brand: #62c0a8;
    --brand-ink: #84d2bd;
    --brand-soft: #12302a;
    --on-brand: #04140f;
    --mark-plate: #1b5e52;
    --mark-river: #9dbfb8;
    --mark-pin: #ffffff;
    --mark-light: #e3992b;
    --live: var(--brand);
    --porch: #f2b24c;
    --porch-ink: #f5c26c;
    --porch-soft: #32260f;
    --on-porch: #1c1406;
    --alert: #f07361;
    --alert-ink: #f48b7b;
    --alert-soft: #3a1915;
    --on-alert: #200806;
    --storm: #9ea5f1;
    --storm-soft: #1c2044;
    --on-storm: #0c0f2e;
    --roadwork: #f08c42;
    --roadwork-soft: #36200f;
    --power: #e8d44a;
    --power-soft: #2b2810;
    --water: #5ec3de;
    --water-soft: #0d2a33;
    --flights: #e08fd6;
    --flights-soft: #321a33;
    --dusk: #26364f;
    --on-dusk: #eef1ee;
    --map-land: #131a1f;
    --map-block: #172027;
    --map-park: #15261e;
    --map-water: #0b2a2a;
    --map-road: #222c34;
    --map-casing: #0b1013;
    --map-pike: #34414b;
    --map-highway: #1c252c;
    --map-label: #9aa6a0;
    --map-neighborhood: #8a9790;
    --map-halo: #0e1316;
    --marker-ring: var(--ground);
    --scrim: rgba(0, 0, 0, 0.6);
    --shadow-control: 0 1px 2px #00000080, 0 4px 12px #00000066;
    --shadow-sheet: 0 -12px 32px #000000b3;
    --shadow-marker: 0 1px 3px #000000cc;
    --focus-ring: 0 0 0 2px #172026, 0 0 0 4px #62c0a8;
  }
}

[data-theme='dark'] {
  color-scheme: dark;
  --ground: #0e1316;
  --surface: #172026;
  --surface-sunken: #111a1f;
  --line: #26313a;
  --line-strong: #63717b;
  --ink: #e5ebe7;
  --ink-muted: #a6b2ab;
  --ink-faint: #87938c;
  --brand: #62c0a8;
  --brand-ink: #84d2bd;
  --brand-soft: #12302a;
  --on-brand: #04140f;
  --mark-plate: #1b5e52;
  --mark-river: #9dbfb8;
  --mark-pin: #ffffff;
  --mark-light: #e3992b;
  --live: var(--brand);
  --porch: #f2b24c;
  --porch-ink: #f5c26c;
  --porch-soft: #32260f;
  --on-porch: #1c1406;
  --alert: #f07361;
  --alert-ink: #f48b7b;
  --alert-soft: #3a1915;
  --on-alert: #200806;
  --storm: #9ea5f1;
  --storm-soft: #1c2044;
  --on-storm: #0c0f2e;
  --roadwork: #f08c42;
  --roadwork-soft: #36200f;
  --power: #e8d44a;
  --power-soft: #2b2810;
  --water: #5ec3de;
  --water-soft: #0d2a33;
  --flights: #e08fd6;
  --flights-soft: #321a33;
  --dusk: #26364f;
  --on-dusk: #eef1ee;
  --map-land: #131a1f;
  --map-block: #172027;
  --map-park: #15261e;
  --map-water: #0b2a2a;
  --map-road: #222c34;
  --map-casing: #0b1013;
  --map-pike: #34414b;
  --map-highway: #1c252c;
  --map-label: #9aa6a0;
  --map-neighborhood: #8a9790;
  --map-halo: #0e1316;
  --marker-ring: var(--ground);
  --scrim: rgba(0, 0, 0, 0.6);
  --shadow-control: 0 1px 2px #00000080, 0 4px 12px #00000066;
  --shadow-sheet: 0 -12px 32px #000000b3;
  --shadow-marker: 0 1px 3px #000000cc;
  --focus-ring: 0 0 0 2px #172026, 0 0 0 4px #62c0a8;
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --tap-min: 44px;
  --control-h: 40px;
  --chip-h: 32px;
  --marker-routine: 20px;
  --marker-serious: 20px;
  --marker-major: 30px;
  --marker-selected: 36px;
  --sheet-peek: 168px;
  --panel-w: 400px;
  --content-max: 1200px;
  --font-sans: "Schibsted Grotesk", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-narrow: "Archivo Narrow", "Arial Narrow", "Roboto Condensed", sans-serif-condensed, sans-serif;
  --font-serif: Newsreader, Charter, Georgia, "Times New Roman", serif;
}

.np-type-display {
  font-family: var(--font-sans);
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  letter-spacing: -0.015em;
}

.np-type-title {
  font-family: var(--font-sans);
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.np-type-headline {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}

.np-type-body {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.np-type-callout {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.np-type-caption {
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.np-type-place {
  font-family: var(--font-narrow);
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.np-type-label {
  font-family: var(--font-narrow);
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.np-type-clock {
  font-family: var(--font-narrow);
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
}

.np-type-map-label {
  font-family: var(--font-narrow);
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.np-type-press {
  font-family: var(--font-serif);
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  font-variation-settings: 'opsz' 18;
}