/* Generated by `bin/new-sport tokens` from design/tokens/knotlog.json. Do not edit by hand:
   change the token file and run the command again. Look: Seekarte / Kartentisch / Hundewache. */
:root {
  --c-sea: #0E1E2B;
  --c-sea-deep: #08131C;
  --c-sea-dusk: #2E4A5E;
  --c-night: #1A2A48;
  --c-chart: #F3EEDF;
  --c-chart-shade: #E6DFCB;
  --c-depth: #A9CFE0;
  --c-depth-line: #5E9AB5;
  --c-land: #E3CF95;
  --c-land-deep: #B89B5C;
  --c-magenta: #A3176F;
  --c-magenta-light: #E36BB4;
  --c-dusk: #F0A35E;
  --c-dusk-rose: #D97A6C;
  --c-dusk-haze: #F6D7AE;
  --c-hull: #F5F3EC;
  --c-sail: #FBF8F0;
  --c-teak: #9A6B3F;
  --c-rope: #D9B978;
  --c-rope-dark: #7A5F33;
  --c-signal-red: #C8352B;
  --c-signal-yellow: #F2C230;
  --c-signal-blue: #1F4E9C;
  --c-moon: #F1E7C6;
  --c-night-red: #E0614F;
  --bg: #F3EEDF;
  --surface: #FBF8EF;
  --sunk: #E9E2CE;
  --line: #1B2A36;
  --line2: #C4BBA2;
  --ink: #14212B;
  --muted: #3E4B55;
  --accent: #8E1263;
  --on-accent: #FFFFFF;
  --event: #A82A20;
  --on-event: #FFFFFF;
  --warn: #7A4F00;
  --ok: #24563A;
  --depth: #A9CFE0;
  --course: #A3176F;
  --private: #3E4B55;
  --watch-bg: #08131C;
  --watch-ink: #ECE6D8;
  --watch-muted: #B2BAB8;
  --watch-accent: #F2A15A;
  --watch-event: #E0614F;
  --watch-on-event: #08131C;
  --watch-sea: #173247;
  --watch-rope: #D9B978;
  --f-display: "Libre Caslon Text", Rockwell, Georgia, serif;
  --f-ui: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-mono: "Atkinson Hyperlegible Mono", ui-monospace, Menlo, monospace;
  --f-hand: Kalam, "Segoe Print", cursive;
  --fw-heading: 700;
  --fw-numeral: 700;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0B1520;
    --surface: #122130;
    --sunk: #182A3B;
    --line: #D9DED8;
    --line2: #2C4052;
    --ink: #ECE6D8;
    --muted: #B7BDB6;
    --accent: #F2A15A;
    --on-accent: #0B1520;
    --event: #E0614F;
    --on-event: #0B1520;
    --warn: #FFB347;
    --ok: #9CC38A;
    --depth: #2E4A5E;
    --course: #E36BB4;
    --private: #B7BDB6;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0B1520;
  --surface: #122130;
  --sunk: #182A3B;
  --line: #D9DED8;
  --line2: #2C4052;
  --ink: #ECE6D8;
  --muted: #B7BDB6;
  --accent: #F2A15A;
  --on-accent: #0B1520;
  --event: #E0614F;
  --on-event: #0B1520;
  --warn: #FFB347;
  --ok: #9CC38A;
  --depth: #2E4A5E;
  --course: #E36BB4;
  --private: #B7BDB6;
  color-scheme: dark;
}