/* Hut Hunter brand tokens: Overprint Survey.
   The only token file the front end loads. style.css uses nothing but these custom properties
   (token contract: prototype/DESIGN.md section 3). Flattened from brand/a-overprint-survey/tokens.css
   so nothing outside static/ is referenced. Light is the default; dark applies with
   prefers-color-scheme unless the viewer chose light, or with [data-theme="dark"].
   Fonts (Sofia Sans and Sofia Sans Condensed, Google Fonts) are linked from index.html. */
:root {
  color-scheme: light;
  --logo-mark: url("mark.svg");
  --font-display: 'Sofia Sans Condensed', 'Arial Narrow', sans-serif;
  --font-ui: 'Sofia Sans', system-ui, sans-serif;
  --font-numeric: 'Sofia Sans Condensed', 'Arial Narrow', sans-serif;
  --weight-regular: 400;
  --weight-medium: 600;
  --weight-strong: 600;
  --weight-display: 800;
  --tracking-display: 0;
  --display-stretch: normal;
  --radius-s: 6px;
  --radius-m: 10px;
  --radius-l: 16px;
  --radius-pill: 999px;
  --shadow-float: 0 1px 2px rgba(0, 0, 0, .12), 0 6px 20px rgba(0, 0, 0, .12);
  --shadow-sheet: 0 -8px 30px rgba(0, 0, 0, .18);
  --color-bg: #F6F1E6;
  --color-surface: #FFFDF8;
  --color-surface-sunken: #ECE5D6;
  --color-surface-raised: #FFFDF8;
  --color-ink: #182031;
  --color-ink-muted: #555B67;
  --color-ink-subtle: #555B67;
  --color-line: #DCD3C1;
  --color-line-strong: color-mix(in srgb, #555B67 75%, #FFFDF8);
  --color-brand: #1F3F8F;
  --color-brand-hover: color-mix(in srgb, #1F3F8F 82%, #182031);
  --color-on-brand: #FFFFFF;
  --color-brand-tint: color-mix(in srgb, #1F3F8F 10%, #FFFDF8);
  --color-focus: #1F3F8F;
  --color-scrim: rgba(0, 0, 0, .45);
  --status-free: #1F3F8F;
  --status-free-ink: #1F3F8F;
  --status-free-tint: color-mix(in srgb, #1F3F8F 14%, #FFFDF8);
  --status-tight: #B07A45;
  --status-tight-ink: #7E4E22;
  --status-tight-tint: color-mix(in srgb, #B07A45 14%, #FFFDF8);
  --status-full: #6B7178;
  --status-full-ink: #555B67;
  --status-full-tint: color-mix(in srgb, #6B7178 14%, #FFFDF8);
  --status-closed: #6B5B95;
  --status-closed-ink: #5E4E8A;
  --status-closed-tint: color-mix(in srgb, #6B5B95 14%, #FFFDF8);
  --status-nobook: #7B4B26;
  --status-nobook-ink: #74461F;
  --status-nobook-tint: color-mix(in srgb, #7B4B26 14%, #FFFDF8);
  --status-none: #9AA0A6;
  --status-none-ink: #555B67;
  --status-none-tint: color-mix(in srgb, #9AA0A6 14%, #FFFDF8);
  --map-free: #1F3F8F;
  --map-free-glyph: #FFFFFF;
  --map-tight: #B07A45;
  --map-tight-glyph: #182031;
  --map-full: #FFFFFF;
  --map-full-glyph: #182031;
  --map-closed: #6B5B95;
  --map-closed-glyph: #FFFFFF;
  --map-nobook: #7B4B26;
  --map-nobook-glyph: #FFFFFF;
  --map-none: #9AA0A6;
  --map-none-glyph: #182031;
  --map-halo: #FFFFFF;
  --map-outline: #182031;
  --map-select: #182031;
  --map-cluster: #182031;
  --map-cluster-ink: #FFFFFF;
  --map-label: #182031;
  --map-label-halo: #FFFFFF;
  --map-trail: #F07C1A;
  --map-trail-water: #1F8FB8;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  color-scheme: dark;
  --logo-mark: url("mark-reverse.svg");
  --shadow-float: 0 1px 2px rgba(0, 0, 0, .5), 0 8px 24px rgba(0, 0, 0, .45);
  --shadow-sheet: 0 -8px 30px rgba(0, 0, 0, .55);
  --color-bg: #12171F;
  --color-surface: #1A202B;
  --color-surface-sunken: #232B38;
  --color-surface-raised: #1A202B;
  --color-ink: #EEEAE0;
  --color-ink-muted: #A6ACB6;
  --color-ink-subtle: #A6ACB6;
  --color-line: #323A48;
  --color-line-strong: color-mix(in srgb, #A6ACB6 75%, #1A202B);
  --color-brand: #8FB0F5;
  --color-brand-hover: color-mix(in srgb, #8FB0F5 82%, #EEEAE0);
  --color-on-brand: #12171F;
  --color-brand-tint: color-mix(in srgb, #8FB0F5 10%, #1A202B);
  --color-focus: #8FB0F5;
  --color-scrim: rgba(0, 0, 0, .6);
  --status-free-ink: #9DB9F7;
  --status-free-tint: color-mix(in srgb, #1F3F8F 14%, #1A202B);
  --status-tight-ink: #E0A672;
  --status-tight-tint: color-mix(in srgb, #B07A45 14%, #1A202B);
  --status-full-ink: #A6ACB6;
  --status-full-tint: color-mix(in srgb, #6B7178 14%, #1A202B);
  --status-closed-ink: #B7A8E6;
  --status-closed-tint: color-mix(in srgb, #6B5B95 14%, #1A202B);
  --status-nobook-ink: #D9A574;
  --status-nobook-tint: color-mix(in srgb, #7B4B26 14%, #1A202B);
  --status-none-ink: #A6ACB6;
  --status-none-tint: color-mix(in srgb, #9AA0A6 14%, #1A202B);
} }
:root[data-theme="dark"] {
  color-scheme: dark;
  --logo-mark: url("mark-reverse.svg");
  --shadow-float: 0 1px 2px rgba(0, 0, 0, .5), 0 8px 24px rgba(0, 0, 0, .45);
  --shadow-sheet: 0 -8px 30px rgba(0, 0, 0, .55);
  --color-bg: #12171F;
  --color-surface: #1A202B;
  --color-surface-sunken: #232B38;
  --color-surface-raised: #1A202B;
  --color-ink: #EEEAE0;
  --color-ink-muted: #A6ACB6;
  --color-ink-subtle: #A6ACB6;
  --color-line: #323A48;
  --color-line-strong: color-mix(in srgb, #A6ACB6 75%, #1A202B);
  --color-brand: #8FB0F5;
  --color-brand-hover: color-mix(in srgb, #8FB0F5 82%, #EEEAE0);
  --color-on-brand: #12171F;
  --color-brand-tint: color-mix(in srgb, #8FB0F5 10%, #1A202B);
  --color-focus: #8FB0F5;
  --color-scrim: rgba(0, 0, 0, .6);
  --status-free-ink: #9DB9F7;
  --status-free-tint: color-mix(in srgb, #1F3F8F 14%, #1A202B);
  --status-tight-ink: #E0A672;
  --status-tight-tint: color-mix(in srgb, #B07A45 14%, #1A202B);
  --status-full-ink: #A6ACB6;
  --status-full-tint: color-mix(in srgb, #6B7178 14%, #1A202B);
  --status-closed-ink: #B7A8E6;
  --status-closed-tint: color-mix(in srgb, #6B5B95 14%, #1A202B);
  --status-nobook-ink: #D9A574;
  --status-nobook-tint: color-mix(in srgb, #7B4B26 14%, #1A202B);
  --status-none-ink: #A6ACB6;
  --status-none-tint: color-mix(in srgb, #9AA0A6 14%, #1A202B);
}