/* Generated by `bin/new-sport tokens` from design/tokens/cruxbook.json. Do not edit by hand:
   change the token file and run the command again. Look: Lochraster / Tageshalle / Spätschicht. */
:root {
  --c-plywood: #E8D2A6;
  --c-plywood-deep: #C9A470;
  --c-tnut: #5B4A36;
  --c-volume: #8C949E;
  --c-volume-deep: #5F6670;
  --c-mat: #2F3B4C;
  --c-mat-top: #44536A;
  --c-chalk: #F4F1EA;
  --c-tape: #F1E6C8;
  --c-marker: #1B1B1F;
  --c-skylight: #CFE3EE;
  --c-lamp: #FFD58A;
  --c-night: #161A22;
  --c-indigo: #3A3FB8;
  --c-indigo-light: #9EA3FF;
  --c-send: #0E7A4F;
  --c-send-light: #4CC38A;
  --c-flash: #F5C04A;
  --c-flash-deep: #8A5A00;
  --bg: #F3EFE6;
  --surface: #FFFFFF;
  --sunk: #E9E3D6;
  --line: #1A1D22;
  --line2: #D5CEBF;
  --ink: #1A1D22;
  --muted: #575C63;
  --accent: #3A3FB8;
  --on-accent: #FFFFFF;
  --event: #0E7A4F;
  --on-event: #FFFFFF;
  --flash: #F5C04A;
  --on-flash: #1A1D22;
  --warn: #8A5A00;
  --ok: #0E7A4F;
  --tape: #F1E6C8;
  --on-tape: #1B1B1F;
  --plywood: #E8D2A6;
  --watch-bg: #0F1115;
  --watch-ink: #EEF0F2;
  --watch-muted: #A9B0BA;
  --watch-accent: #9EA3FF;
  --watch-event: #4CC38A;
  --watch-on-event: #0F1115;
  --watch-flash: #F5C04A;
  --watch-on-flash: #0F1115;
  --watch-wall: #2A241C;
  --f-display: "Big Shoulders Display", Rockwell, Georgia, serif;
  --f-ui: Manrope, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-mono: "Red Hat Mono", ui-monospace, Menlo, monospace;
  --f-hand: "Permanent Marker", "Segoe Print", cursive;
  --fw-heading: 800;
  --fw-numeral: 500;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #14161B;
    --surface: #1D2027;
    --sunk: #262A33;
    --line: #EEF0F2;
    --line2: #343945;
    --ink: #EEF0F2;
    --muted: #A9B0BA;
    --accent: #9EA3FF;
    --on-accent: #14161B;
    --event: #4CC38A;
    --on-event: #0F1A14;
    --flash: #F5C04A;
    --on-flash: #14161B;
    --warn: #FFB547;
    --ok: #4CC38A;
    --tape: #E9DDBE;
    --on-tape: #1B1B1F;
    --plywood: #B89A6C;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #14161B;
  --surface: #1D2027;
  --sunk: #262A33;
  --line: #EEF0F2;
  --line2: #343945;
  --ink: #EEF0F2;
  --muted: #A9B0BA;
  --accent: #9EA3FF;
  --on-accent: #14161B;
  --event: #4CC38A;
  --on-event: #0F1A14;
  --flash: #F5C04A;
  --on-flash: #14161B;
  --warn: #FFB547;
  --ok: #4CC38A;
  --tape: #E9DDBE;
  --on-tape: #1B1B1F;
  --plywood: #B89A6C;
  color-scheme: dark;
}