/* Workshop tokens: generated by scripts/build.mjs from src/. Do not edit. */

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 999px;
  --radius-dot: 50%;
  --shadow-1: inset 0 1px 0 rgb(255 255 255 / 0.04), 0 1px 2px rgb(0 0 0 / 0.28), 0 6px 20px -10px rgb(0 0 0 / 0.5);
  --shadow-2: inset 0 1px 0 rgb(255 255 255 / 0.06), 0 2px 6px rgb(0 0 0 / 0.3), 0 24px 60px -16px rgb(0 0 0 / 0.65);
  --shadow-1-light: 0 1px 2px rgb(27 36 33 / 0.08), 0 6px 20px -12px rgb(27 36 33 / 0.22);
  --shadow-2-light: 0 2px 6px rgb(27 36 33 / 0.1), 0 24px 60px -18px rgb(27 36 33 / 0.32);
  --hairline: 1px;
  --control-sm: 32px;
  --control-md: 40px;
  --control-touch: 44px;
  --focus-ring: 2px;
  --measure: 68ch;
  --font-nav-display: "Schibsted Grotesk", system-ui, sans-serif;
  --font-nav-body: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-nav-mono: "Geist Mono", ui-monospace, Consolas, monospace;
  --font-ops-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-ops-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-ops-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
  --font-map-hud: "Chakra Petch", "Bahnschrift", "Arial Narrow", sans-serif;
  --font-map-body: "Barlow", "Segoe UI", system-ui, sans-serif;
}

:root, [data-theme="navegando"] {
  --bg: #05131a;
  --surface: #0a1d26;
  --surface-raised: #102a35;
  --line: #1d3a46;
  --line-strong: #56808f;
  --text: #e7f3f5;
  --text-soft: #b6cdd3;
  --text-muted: #89a8b1;
  --accent: #55e3cf;
  --on-accent: #04211d;
  --accent-text: #55e3cf;
  --selected: #bcd3cf;
  --on-selected: #061a2c;
  --good: #6fdc96;
  --on-good: #062012;
  --bad: #ff8576;
  --on-bad: #2a0905;
  --warn: #f6c35b;
  --on-warn: #2a1c03;
  --info: #bcd3cf;
  --focus: #ffd27a;
  --chart-1: #55e3cf;
  --chart-2: #9fb3bd;
  --chart-3: #ff9f7a;
  --chart-4: #f6c35b;
  --chart-5: #b8a4ff;
  --chart-6: #6fdc96;
  --scrim: rgba(2, 10, 14, 0.74);
  --chrome: #05131a;
  --on-chrome: #e7f3f5;
  --chrome-muted: #9db7bf;
  --chrome-selected: #123241;
  color-scheme: dark;
}

[data-theme="threeops"] {
  --bg: #121715;
  --surface: #1a201d;
  --surface-raised: #232b27;
  --line: #2e3733;
  --line-strong: #6d7a74;
  --text: #e9ece7;
  --text-soft: #c4ccc8;
  --text-muted: #97a39d;
  --accent: #f2c230;
  --on-accent: #1b2421;
  --accent-text: #f2c230;
  --selected: #86b8e6;
  --on-selected: #0d1720;
  --good: #5cc795;
  --on-good: #08170f;
  --bad: #f2826d;
  --on-bad: #1a0805;
  --warn: #f0a35e;
  --on-warn: #1f1006;
  --info: #86b8e6;
  --focus: #f2c230;
  --chart-1: #e2604a;
  --chart-2: #ea8d4e;
  --chart-3: #f2c230;
  --chart-4: #6aa6db;
  --chart-5: #8db55a;
  --chart-6: #7c8781;
  --scrim: rgba(6, 9, 8, 0.74);
  --chrome: #121715;
  --on-chrome: #e9ece7;
  --chrome-muted: #a3aea9;
  --chrome-selected: #25302b;
  color-scheme: dark;
}

[data-theme="map"] {
  --bg: #121a2e;
  --surface: #18233c;
  --surface-raised: #1f2d4c;
  --line: #33476e;
  --line-strong: #7088ba;
  --text: #dfe6f5;
  --text-soft: #c3cde0;
  --text-muted: #8fa3c7;
  --accent: #ffd166;
  --on-accent: #121a2e;
  --accent-text: #ffd166;
  --selected: #8fb3ff;
  --on-selected: #121a2e;
  --good: #7cf0c5;
  --on-good: #0b1a14;
  --bad: #ff9b9b;
  --on-bad: #2a0b0b;
  --warn: #ffc08a;
  --on-warn: #2a1606;
  --info: #8fb3ff;
  --focus: #ffd166;
  --chart-1: #ffd166;
  --chart-2: #7cf0c5;
  --chart-3: #8fb3ff;
  --chart-4: #ffa45c;
  --chart-5: #7d9be0;
  --chart-6: #c3cde0;
  --scrim: rgba(6, 10, 20, 0.74);
  --chrome: #121a2e;
  --on-chrome: #dfe6f5;
  --chrome-muted: #a3b4d3;
  --chrome-selected: #22324f;
  color-scheme: dark;
}

[data-theme="threeops-light"] {
  --bg: #f5f5f2;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --line: #e4e3dd;
  --line-strong: #7b8580;
  --text: #1b2421;
  --text-soft: #3e4944;
  --text-muted: #59655f;
  --accent: #23282a;
  --on-accent: #ffffff;
  --accent-text: #7a5c00;
  --selected: #2a6193;
  --on-selected: #ffffff;
  --good: #156b45;
  --on-good: #ffffff;
  --bad: #b23a24;
  --on-bad: #ffffff;
  --warn: #944a0d;
  --on-warn: #ffffff;
  --info: #2a6193;
  --focus: #2a6193;
  --chart-1: #c8432b;
  --chart-2: #c9651f;
  --chart-3: #9a7a0c;
  --chart-4: #3e7fb8;
  --chart-5: #5e7f2f;
  --chart-6: #6e7873;
  --scrim: rgba(27, 36, 33, 0.45);
  --chrome: #17191a;
  --on-chrome: #ffffff;
  --chrome-muted: #a7ada9;
  --chrome-selected: #2b3031;
  color-scheme: light;
  --shadow-1: var(--shadow-1-light);
  --shadow-2: var(--shadow-2-light);
}

[data-theme="navegando-harbor"] {
  --bg: #eceff2;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --line: #d3dadf;
  --line-strong: #7a8890;
  --text: #13222b;
  --text-soft: #33424b;
  --text-muted: #4c5a63;
  --accent: #2d6f6a;
  --on-accent: #ffffff;
  --accent-text: #24615c;
  --selected: #3a6670;
  --on-selected: #ffffff;
  --good: #1f7a4d;
  --on-good: #ffffff;
  --bad: #b3392a;
  --on-bad: #ffffff;
  --warn: #8f5a0a;
  --on-warn: #ffffff;
  --info: #3a6670;
  --focus: #2d6f6a;
  --chart-1: #2d6f6a;
  --chart-2: #6f7d86;
  --chart-3: #c0603f;
  --chart-4: #9a6b12;
  --chart-5: #6a5fb0;
  --chart-6: #3f8a5c;
  --scrim: rgba(19, 34, 43, 0.45);
  --chrome: #0f1d26;
  --on-chrome: #ffffff;
  --chrome-muted: #a9bac3;
  --chrome-selected: #1d3343;
  color-scheme: light;
  --shadow-1: var(--shadow-1-light);
  --shadow-2: var(--shadow-2-light);
}