/* Generated from sources/design/system/tokens.json by static/design (go generate ./static). Do not edit. */
@font-face { font-family: "Schibsted Grotesk"; font-weight: 400; font-style: normal; font-display: swap; src: url(fonts/schibsted-grotesk-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Schibsted Grotesk"; font-weight: 500; font-style: normal; font-display: swap; src: url(fonts/schibsted-grotesk-latin-500-normal.woff2) format("woff2"); }
@font-face { font-family: "Schibsted Grotesk"; font-weight: 600; font-style: normal; font-display: swap; src: url(fonts/schibsted-grotesk-latin-600-normal.woff2) format("woff2"); }
@font-face { font-family: "Schibsted Grotesk"; font-weight: 700; font-style: normal; font-display: swap; src: url(fonts/schibsted-grotesk-latin-700-normal.woff2) format("woff2"); }
@font-face { font-family: "Barlow Semi Condensed"; font-weight: 500; font-style: normal; font-display: swap; src: url(fonts/barlow-semi-condensed-latin-500-normal.woff2) format("woff2"); }
@font-face { font-family: "Barlow Semi Condensed"; font-weight: 600; font-style: normal; font-display: swap; src: url(fonts/barlow-semi-condensed-latin-600-normal.woff2) format("woff2"); }
:root {
  color-scheme: light dark;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-0: 0px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-full: 999px;
  --border-hairline: 1px;
  --border-strong-w: 2px;
  --focus-width: 3px;
  --focus-offset: 2px;
  --world-outline-w: 2px;
  --target-min: 44px;
  --control-h: 44px;
  --control-h-lg: 52px;
  --row-h: 56px;
  --row-h-dense: 44px;
  --glyph-h: 24px;
  --icon: 24px;
  --icon-sm: 16px;
  --hint-bar-h: 48px;
  --elevation-0: none;
  --world-text-shadow: 0 1px 3px #000000cc;
  --font-display: "Barlow Semi Condensed", "Arial Narrow", sans-serif;
  --font-text: "Schibsted Grotesk", "Segoe UI", system-ui, sans-serif;
  --bg: #f3f1ea;
  --surface: #faf8f3;
  --surface-raised: #ffffff;
  --surface-sunken: #ebe8df;
  --surface-hover: #f1eee6;
  --surface-selected: #f8e5e1;
  --hud-panel: #faf8f3e6;
  --hud-backdrop: #faf8f3;
  --scrim: #17191b66;
  --border: #d9d4c9;
  --border-strong: #827d74;
  --text: #17191b;
  --text-muted: #565b60;
  --text-disabled: #9b978f;
  --text-on-world: #ffffff;
  --world-outline: #000000d9;
  --accent: #c8281d;
  --accent-hover: #b1221a;
  --accent-pressed: #961c15;
  --on-accent: #ffffff;
  --accent-text: #b3241a;
  --focus: #17191b;
  --focus-gap: #f3f1ea;
  --control: #d45f00;
  --control-soft: #fde8d6;
  --on-control: #160b03;
  --control-white: #ffffff;
  --punch-flash: #fff3e6;
  --ok: #0b784d;
  --ok-soft: #dcf3e7;
  --danger: #b8231a;
  --danger-soft: #fbe1dd;
  --danger-solid: #6e130d;
  --on-danger-solid: #ffffff;
  --warning: #8a5300;
  --warning-soft: #fcefd2;
  --paused: #3f5872;
  --paused-soft: #e2e9f0;
  --abandoned: #565b60;
  --abandoned-soft: #e9e6de;
  --mistake: #a8166a;
  --mistake-soft: #ffd3e8;
  --pb: #7a5900;
  --pace-1: #1a9850;
  --pace-2: #91cf60;
  --pace-3: #f6e04b;
  --pace-4: #fc8d59;
  --pace-5: #d73027;
  --elevation-1: 0 1px 2px #17191b14, 0 1px 3px #17191b1f;
  --elevation-2: 0 4px 12px #17191b1f, 0 1px 3px #17191b14;
  --elevation-3: 0 12px 32px #17191b2e, 0 2px 6px #17191b1a;
}
@media (prefers-color-scheme: dark) {
:root {
  --bg: #0e1012;
  --surface: #16191c;
  --surface-raised: #1f2327;
  --surface-sunken: #0a0b0d;
  --surface-hover: #2a2f34;
  --surface-selected: #33282a;
  --hud-panel: #0e1012c7;
  --hud-backdrop: #0e1012;
  --scrim: #000000a6;
  --border: #2e3338;
  --border-strong: #78818a;
  --text: #eef0f2;
  --text-muted: #a8b0b8;
  --text-disabled: #6b737b;
  --text-on-world: #ffffff;
  --world-outline: #000000d9;
  --accent: #ff5a4f;
  --accent-hover: #ff7369;
  --accent-pressed: #e8463c;
  --on-accent: #170807;
  --accent-text: #ff7d73;
  --focus: #ffffff;
  --focus-gap: #0e1012;
  --control: #ff8a2a;
  --control-soft: #3a2410;
  --on-control: #160b03;
  --control-white: #ffffff;
  --punch-flash: #fff3e6;
  --ok: #3ddc97;
  --ok-soft: #10301f;
  --danger: #ff6b61;
  --danger-soft: #3a1513;
  --danger-solid: #a3231b;
  --on-danger-solid: #ffffff;
  --warning: #f4bd4f;
  --warning-soft: #36280c;
  --paused: #9fb4c9;
  --paused-soft: #1d2731;
  --abandoned: #a8b0b8;
  --abandoned-soft: #24282c;
  --mistake: #ff85c2;
  --mistake-soft: #45182f;
  --pb: #ffd666;
  --pace-1: #1a9850;
  --pace-2: #91cf60;
  --pace-3: #f6e04b;
  --pace-4: #fc8d59;
  --pace-5: #d73027;
  --elevation-1: 0 2px 8px #00000066;
  --elevation-2: 0 8px 24px #0000008c;
  --elevation-3: 0 16px 48px #000000b3;
}
}