/* generated from tokens.toml – do not edit */
:root, [data-theme="light"] {
  color-scheme: light;
  --accent: #1768d6;
  --accent-ink: #0f55b5;
  --accent-soft: #e6f0fd;
  --accent-text: #ffffff;
  --bg: #f7f8fa;
  --board-line: #e7eaef;
  --card: #ffffff;
  --chart-grey: #b8c1cc;
  --chip-review-bg: #fde6d4;
  --dash-drop: rgba(23,104,214,0.08);
  --done: #1f9d55;
  --field: #f1f3f6;
  --header: #e2e8f0;
  --header-label: #475467;
  --hover: rgba(128,138,150,0.14);
  --image: #eef1f5;
  --image-ink: #9aa6b5;
  --item-miss-bg: #fdeaea;
  --item-miss-ink: #991b1b;
  --item-ok-bg: #e3f5e9;
  --item-ok-ink: #14532d;
  --line: #e7eaef;
  --line-2: #cfd5dd;
  --logo-ground-dark: #0f141a;
  --logo-ground-light: #ffffff;
  --map-bg: #eef2f6;
  --map-city: #b3bdc9;
  --map-line: #e4e9ef;
  --map-text: #6b7684;
  --muted: #5b6675;
  --navi-head: #0f4fa8;
  --navi-scrim: rgba(15,20,26,0.35);
  --navi-sub: rgba(0,0,0,0.18);
  --note-blue: #dbeafe;
  --note-blue-ink: #1e3a5f;
  --note-green: #dcfce7;
  --note-green-ink: #14532d;
  --note-pink: #fde2e4;
  --note-pink-ink: #7a1f2b;
  --note-yellow: #fff3b0;
  --note-yellow-ink: #3d3200;
  --ok-dot: #0b6479;
  --overlay: rgba(17,24,39,0.35);
  --paper: #ffffff;
  --paper-ink: #111827;
  --paper-line: #e7eaef;
  --paper-muted: #374151;
  --paper-slot: #d0d5dd;
  --row-expanded: #fafbfc;
  --row-open: #fbfcfd;
  --scan-corner: #ffffff;
  --scan-frame: #0b0f14;
  --scan-hint: #e8edf3;
  --scan-line: #6fd3ea;
  --scan-mask: rgba(0,0,0,0.35);
  --scroll-thumb: rgba(128,138,150,0.6);
  --shadow: 0 1px 2px rgba(16,24,40,0.05), 0 8px 24px rgba(16,24,40,0.05);
  --shadow-dash-arrow: 0 1px 2px rgba(16,24,40,0.10);
  --shadow-dash-dialog: 0 24px 60px rgba(0,0,0,0.25);
  --shadow-dash-lift: 0 18px 40px rgba(16,24,40,0.25);
  --shadow-dash-tool: 0 4px 14px rgba(16,24,40,0.14);
  --shadow-dialog: 0 20px 60px rgba(16,24,40,0.25);
  --shadow-drawer: -12px 0 40px rgba(0,0,0,0.18);
  --shadow-knob: 0 1px 2px rgba(0,0,0,0.25);
  --shadow-label: 0 1px 2px rgba(16,24,40,0.12), 0 0 0 1px rgba(16,24,40,0.08);
  --shadow-modal: 0 24px 60px rgba(0,0,0,0.3);
  --shadow-navi: 0 10px 30px rgba(0,0,0,0.25);
  --shadow-navi-details: 0 -8px 30px rgba(0,0,0,0.2);
  --shadow-navi-sheet: 0 -8px 30px rgba(0,0,0,0.15);
  --shadow-note: 0 1px 2px rgba(16,24,40,0.10), 0 4px 12px rgba(16,24,40,0.08);
  --shadow-note-lift: 0 16px 30px rgba(16,24,40,0.28);
  --shadow-option: 0 1px 3px rgba(0,0,0,0.12);
  --shadow-page: 0 4px 16px rgba(0,0,0,0.15);
  --shadow-pop: 0 12px 40px rgba(0,0,0,0.18);
  --shadow-segment: 0 1px 2px rgba(16,24,40,0.10), 0 1px 6px rgba(16,24,40,0.06);
  --shadow-sheet: 0 1px 2px rgba(16,24,40,0.12), 0 8px 24px rgba(16,24,40,0.10);
  --shadow-step: 0 1px 2px rgba(16,24,40,0.10);
  --shadow-switch: 0 1px 2px rgba(16,24,40,0.12);
  --shadow-toast: 0 12px 30px rgba(0,0,0,0.2);
  --shadow-vehicle-dialog: 0 24px 60px rgba(0,0,0,0.25);
  --shadow-versions: 0 24px 60px rgba(0,0,0,0.25);
  --side: #ffffff;
  --step-current: #a9c8f2;
  --switch-on: #16a34a;
  --text: #111827;
  --track-ink: #15803d;
  --track-ring: #dcfce7;
  --warn-dot: #d4a106;
  --warn-ink: #7a5a00;
  --tone-blue-bg: #e6f0fd;
  --tone-blue-fg: #0f55b5;
  --tone-cyan-bg: #e1f5fa;
  --tone-cyan-fg: #0b6479;
  --tone-gold-bg: #fdf3cf;
  --tone-gold-fg: #7a5a00;
  --tone-neutral-bg: #f1f3f6;
  --tone-neutral-fg: #374151;
  --tone-red-bg: #fdecea;
  --tone-red-fg: #b42318;
  --tag-a: #27a8c6;
  --tag-b: #d4a106;
  --tag-e: #8a95a5;
  --tag-empty: #e7eaef;
  --tag-t: #1768d6;
  --tag-w: #d9534a;
}
[data-theme="dark"] {
  color-scheme: dark;
  --accent: #2f7fe0;
  --accent-ink: #8cc0ff;
  --accent-soft: #16304f;
  --accent-text: #ffffff;
  --bg: #0f141a;
  --board-line: #2a3441;
  --card: #171e27;
  --chart-grey: #5b6878;
  --chip-review-bg: #4a3426;
  --dash-drop: rgba(47,127,224,0.16);
  --done: #4fb67d;
  --field: #1f2833;
  --header: #243041;
  --header-label: #a9b4c2;
  --hover: rgba(128,138,150,0.14);
  --image: #1f2833;
  --image-ink: #5b6878;
  --item-miss-bg: #3d1f1f;
  --item-miss-ink: #ffaaa2;
  --item-ok-bg: #133524;
  --item-ok-ink: #93e2b1;
  --line: #232c37;
  --line-2: #3a4757;
  --logo-ground-dark: #0f141a;
  --logo-ground-light: #ffffff;
  --map-bg: #141b23;
  --map-city: #4a5667;
  --map-line: #1b242e;
  --map-text: #8794a5;
  --muted: #9aa6b5;
  --navi-head: #1d4f8f;
  --navi-scrim: rgba(15,20,26,0.35);
  --navi-sub: rgba(0,0,0,0.18);
  --note-blue: #1d3350;
  --note-blue-ink: #cfe2ff;
  --note-green: #173b26;
  --note-green-ink: #c8f5d8;
  --note-pink: #45222a;
  --note-pink-ink: #ffd5da;
  --note-yellow: #4a3f12;
  --note-yellow-ink: #fdf0b8;
  --ok-dot: #6fd3ea;
  --overlay: rgba(5,8,12,0.66);
  --paper: #ffffff;
  --paper-ink: #111827;
  --paper-line: #e7eaef;
  --paper-muted: #374151;
  --paper-slot: #d0d5dd;
  --row-expanded: #1a222c;
  --row-open: #1a222c;
  --scan-corner: #ffffff;
  --scan-frame: #0b0f14;
  --scan-hint: #e8edf3;
  --scan-line: #6fd3ea;
  --scan-mask: rgba(0,0,0,0.35);
  --scroll-thumb: rgba(128,138,150,0.6);
  --shadow: 0 0 0 1px #232c37;
  --shadow-dash-arrow: 0 0 0 1px #2c3644;
  --shadow-dash-dialog: 0 24px 60px rgba(0,0,0,0.25);
  --shadow-dash-lift: 0 18px 40px rgba(16,24,40,0.25);
  --shadow-dash-tool: 0 4px 14px rgba(16,24,40,0.14);
  --shadow-dialog: 0 20px 60px rgba(16,24,40,0.25);
  --shadow-drawer: -12px 0 40px rgba(0,0,0,0.18);
  --shadow-knob: 0 1px 2px rgba(0,0,0,0.25);
  --shadow-label: 0 1px 2px rgba(16,24,40,0.12), 0 0 0 1px rgba(16,24,40,0.08);
  --shadow-modal: 0 24px 60px rgba(0,0,0,0.3);
  --shadow-navi: 0 10px 30px rgba(0,0,0,0.25);
  --shadow-navi-details: 0 -8px 30px rgba(0,0,0,0.2);
  --shadow-navi-sheet: 0 -8px 30px rgba(0,0,0,0.15);
  --shadow-note: 0 1px 2px rgba(16,24,40,0.10), 0 4px 12px rgba(16,24,40,0.08);
  --shadow-note-lift: 0 16px 30px rgba(16,24,40,0.28);
  --shadow-option: 0 1px 3px rgba(0,0,0,0.12);
  --shadow-page: 0 4px 16px rgba(0,0,0,0.15);
  --shadow-pop: 0 12px 40px rgba(0,0,0,0.18);
  --shadow-segment: 0 0 0 1px #2c3644;
  --shadow-sheet: 0 1px 2px rgba(16,24,40,0.12), 0 8px 24px rgba(16,24,40,0.10);
  --shadow-step: 0 0 0 1px #2c3644;
  --shadow-switch: 0 1px 2px rgba(16,24,40,0.12);
  --shadow-toast: 0 12px 30px rgba(0,0,0,0.2);
  --shadow-vehicle-dialog: 0 24px 60px rgba(0,0,0,0.25);
  --shadow-versions: 0 24px 60px rgba(0,0,0,0.25);
  --side: #121820;
  --step-current: #34557d;
  --switch-on: #2fb56a;
  --text: #e8edf3;
  --track-ink: #6ee7a0;
  --track-ring: #12361f;
  --warn-dot: #f5cd5b;
  --warn-ink: #f5cd5b;
  --tone-blue-bg: #16304f;
  --tone-blue-fg: #8cc0ff;
  --tone-cyan-bg: #0f3340;
  --tone-cyan-fg: #6fd3ea;
  --tone-gold-bg: #332a10;
  --tone-gold-fg: #f5cd5b;
  --tone-neutral-bg: #232c37;
  --tone-neutral-fg: #c7d0db;
  --tone-red-bg: #3d1f1f;
  --tone-red-fg: #ff9a90;
  --tag-a: #6fd3ea;
  --tag-b: #f5cd5b;
  --tag-e: #5b6878;
  --tag-empty: #1f2833;
  --tag-t: #2f7fe0;
  --tag-w: #ff9a90;
}
@media (prefers-color-scheme: dark) {
  [data-theme="system"] {
  color-scheme: dark;
  --accent: #2f7fe0;
  --accent-ink: #8cc0ff;
  --accent-soft: #16304f;
  --accent-text: #ffffff;
  --bg: #0f141a;
  --board-line: #2a3441;
  --card: #171e27;
  --chart-grey: #5b6878;
  --chip-review-bg: #4a3426;
  --dash-drop: rgba(47,127,224,0.16);
  --done: #4fb67d;
  --field: #1f2833;
  --header: #243041;
  --header-label: #a9b4c2;
  --hover: rgba(128,138,150,0.14);
  --image: #1f2833;
  --image-ink: #5b6878;
  --item-miss-bg: #3d1f1f;
  --item-miss-ink: #ffaaa2;
  --item-ok-bg: #133524;
  --item-ok-ink: #93e2b1;
  --line: #232c37;
  --line-2: #3a4757;
  --logo-ground-dark: #0f141a;
  --logo-ground-light: #ffffff;
  --map-bg: #141b23;
  --map-city: #4a5667;
  --map-line: #1b242e;
  --map-text: #8794a5;
  --muted: #9aa6b5;
  --navi-head: #1d4f8f;
  --navi-scrim: rgba(15,20,26,0.35);
  --navi-sub: rgba(0,0,0,0.18);
  --note-blue: #1d3350;
  --note-blue-ink: #cfe2ff;
  --note-green: #173b26;
  --note-green-ink: #c8f5d8;
  --note-pink: #45222a;
  --note-pink-ink: #ffd5da;
  --note-yellow: #4a3f12;
  --note-yellow-ink: #fdf0b8;
  --ok-dot: #6fd3ea;
  --overlay: rgba(5,8,12,0.66);
  --paper: #ffffff;
  --paper-ink: #111827;
  --paper-line: #e7eaef;
  --paper-muted: #374151;
  --paper-slot: #d0d5dd;
  --row-expanded: #1a222c;
  --row-open: #1a222c;
  --scan-corner: #ffffff;
  --scan-frame: #0b0f14;
  --scan-hint: #e8edf3;
  --scan-line: #6fd3ea;
  --scan-mask: rgba(0,0,0,0.35);
  --scroll-thumb: rgba(128,138,150,0.6);
  --shadow: 0 0 0 1px #232c37;
  --shadow-dash-arrow: 0 0 0 1px #2c3644;
  --shadow-dash-dialog: 0 24px 60px rgba(0,0,0,0.25);
  --shadow-dash-lift: 0 18px 40px rgba(16,24,40,0.25);
  --shadow-dash-tool: 0 4px 14px rgba(16,24,40,0.14);
  --shadow-dialog: 0 20px 60px rgba(16,24,40,0.25);
  --shadow-drawer: -12px 0 40px rgba(0,0,0,0.18);
  --shadow-knob: 0 1px 2px rgba(0,0,0,0.25);
  --shadow-label: 0 1px 2px rgba(16,24,40,0.12), 0 0 0 1px rgba(16,24,40,0.08);
  --shadow-modal: 0 24px 60px rgba(0,0,0,0.3);
  --shadow-navi: 0 10px 30px rgba(0,0,0,0.25);
  --shadow-navi-details: 0 -8px 30px rgba(0,0,0,0.2);
  --shadow-navi-sheet: 0 -8px 30px rgba(0,0,0,0.15);
  --shadow-note: 0 1px 2px rgba(16,24,40,0.10), 0 4px 12px rgba(16,24,40,0.08);
  --shadow-note-lift: 0 16px 30px rgba(16,24,40,0.28);
  --shadow-option: 0 1px 3px rgba(0,0,0,0.12);
  --shadow-page: 0 4px 16px rgba(0,0,0,0.15);
  --shadow-pop: 0 12px 40px rgba(0,0,0,0.18);
  --shadow-segment: 0 0 0 1px #2c3644;
  --shadow-sheet: 0 1px 2px rgba(16,24,40,0.12), 0 8px 24px rgba(16,24,40,0.10);
  --shadow-step: 0 0 0 1px #2c3644;
  --shadow-switch: 0 1px 2px rgba(16,24,40,0.12);
  --shadow-toast: 0 12px 30px rgba(0,0,0,0.2);
  --shadow-vehicle-dialog: 0 24px 60px rgba(0,0,0,0.25);
  --shadow-versions: 0 24px 60px rgba(0,0,0,0.25);
  --side: #121820;
  --step-current: #34557d;
  --switch-on: #2fb56a;
  --text: #e8edf3;
  --track-ink: #6ee7a0;
  --track-ring: #12361f;
  --warn-dot: #f5cd5b;
  --warn-ink: #f5cd5b;
  --tone-blue-bg: #16304f;
  --tone-blue-fg: #8cc0ff;
  --tone-cyan-bg: #0f3340;
  --tone-cyan-fg: #6fd3ea;
  --tone-gold-bg: #332a10;
  --tone-gold-fg: #f5cd5b;
  --tone-neutral-bg: #232c37;
  --tone-neutral-fg: #c7d0db;
  --tone-red-bg: #3d1f1f;
  --tone-red-fg: #ff9a90;
  --tag-a: #6fd3ea;
  --tag-b: #f5cd5b;
  --tag-e: #5b6878;
  --tag-empty: #1f2833;
  --tag-t: #2f7fe0;
  --tag-w: #ff9a90;
  }
}
.tone-blue { background: var(--tone-blue-bg); color: var(--tone-blue-fg); }
.tone-cyan { background: var(--tone-cyan-bg); color: var(--tone-cyan-fg); }
.tone-gold { background: var(--tone-gold-bg); color: var(--tone-gold-fg); }
.tone-neutral { background: var(--tone-neutral-bg); color: var(--tone-neutral-fg); }
.tone-red { background: var(--tone-red-bg); color: var(--tone-red-fg); }