/* Teem2 Ink & Steel design tokens. Source of truth: tokens.json. Themes: light (default), dark, night (red light). */
/* Load app-bundled same-origin fonts.css. Semi Condensed remains an asset carry. */
:root, [data-theme="light"] {
  --page: #EDF0F4;
  --surface: #FFFFFF;
  --surface-sunken: #E6EAF0;
  --surface-band: #10192B;
  --line: #CDD5DF;
  --line-subtle: #D9DEE6;
  --line-strong: #7A8699;
  --ink: #10192B;
  --ink-muted: #3E4A5C;
  --ink-subtle: #5F6B7C;
  --ink-on-band: #FFFFFF;
  --ink-on-band-muted: #C9D2DE;
  --primary: #10192B;
  --primary-hover: #243350;
  --on-primary: #FFFFFF;
  --accent: #0C5993;
  --accent-soft: #E3EEF8;
  --focus-ring: var(--accent);
  --focus-ring-on-band: #FFFFFF;
  --done: #276A42;
  --done-soft: #E4F2E9;
  --blocked: #F2B230;
  --blocked-ink: #7A4F00;
  --blocked-soft: #FBF0D6;
  --danger: #B42318;
  --danger-soft: #FDECEA;
  --disabled: #D9DEE6;
  --on-disabled: #4A5668;
  --lane-1: #0F7A73;
  --lane-2: #5B4FA8;
  --lane-3: #B8471F;
  --lane-4: #8E3B5B;
  --lane-5: #2F6FB0;
  --lane-6: #2F7D4F;
  --lane-7: #A33E3E;
  --lane-8: #3D5A99;
  --lane-default: #56677F;
  --on-lane: #FFFFFF;
  --shadow-float: 0 30px 60px rgba(0,0,0,.35);
  --shadow-lift: 0 14px 22px rgba(16,25,43,.3);
}
/* Auto: follows the device (light or dark). Never picks night. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --page: #0B111C;
    --surface: #131C2C;
    --surface-sunken: #0F1724;
    --surface-band: #060A12;
    --line: #2A3850;
    --line-subtle: #1F2A3D;
    --line-strong: #5A6B85;
    --ink: #E8EDF4;
    --ink-muted: #AEBBCC;
    --ink-subtle: #7D8BA0;
    --ink-on-band-muted: #AEBBCC;
    --primary: #F2F5F9;
    --primary-hover: #D5DDE8;
    --on-primary: #10192B;
    --accent: #7FBBEB;
    --accent-soft: #15304A;
    --done: #5BC28A;
    --done-soft: #14301F;
    --blocked-ink: #F2C25B;
    --blocked-soft: #3A2C0C;
    --danger: #F97066;
    --danger-soft: #3A1512;
    --disabled: #1F2A3D;
    --on-disabled: #8E9BB0;
    --lane-1: #3BB5AC;
    --lane-2: #9A8FE6;
    --lane-3: #E07A52;
    --lane-4: #D27399;
    --lane-5: #6CA8E6;
    --lane-6: #5BC28A;
    --lane-7: #F26B5B;
    --lane-8: #8DA4E0;
    --lane-default: #8A9AB2;
    --on-lane: #10192B;
    color-scheme: dark;
  }
}
[data-theme="dark"] {
  --page: #0B111C;
  --surface: #131C2C;
  --surface-sunken: #0F1724;
  --surface-band: #060A12;
  --line: #2A3850;
  --line-subtle: #1F2A3D;
  --line-strong: #5A6B85;
  --ink: #E8EDF4;
  --ink-muted: #AEBBCC;
  --ink-subtle: #7D8BA0;
  --ink-on-band-muted: #AEBBCC;
  --primary: #F2F5F9;
  --primary-hover: #D5DDE8;
  --on-primary: #10192B;
  --accent: #7FBBEB;
  --accent-soft: #15304A;
  --done: #5BC28A;
  --done-soft: #14301F;
  --blocked-ink: #F2C25B;
  --blocked-soft: #3A2C0C;
  --danger: #F97066;
  --danger-soft: #3A1512;
  --disabled: #1F2A3D;
  --on-disabled: #8E9BB0;
  --lane-1: #3BB5AC;
  --lane-2: #9A8FE6;
  --lane-3: #E07A52;
  --lane-4: #D27399;
  --lane-5: #6CA8E6;
  --lane-6: #5BC28A;
  --lane-7: #F26B5B;
  --lane-8: #8DA4E0;
  --lane-default: #8A9AB2;
  --on-lane: #10192B;
  color-scheme: dark;
}
/* Night: combined app root state; red-only palette overrides dark. */
:root[data-theme="dark"][data-night="true"] {
  --page: #0A0000;
  --surface: #140000;
  --surface-sunken: #0E0000;
  --surface-band: #050000;
  --line: #3D0000;
  --line-subtle: #2A0000;
  --line-strong: #C40000;
  --ink: #FF0000;
  --ink-muted: #FF0000;
  --ink-subtle: #FF0000;
  --ink-on-band: #FF0000;
  --ink-on-band-muted: #FF0000;
  --primary: #FF0000;
  --primary-hover: #FF0000;
  --on-primary: #000000;
  --accent: #FF0000;
  --accent-soft: #240000;
  --focus-ring: var(--accent);
  --focus-ring-on-band: #FF0000;
  --done: #FF0000;
  --done-soft: #1E0000;
  --blocked: #FF0000;
  --blocked-ink: #FF0000;
  --blocked-soft: #240000;
  --danger: #FF0000;
  --danger-soft: #240000;
  --disabled: #1E0000;
  --on-disabled: #FF0000;
  --lane-1: #FF0000;
  --lane-2: #FF0000;
  --lane-3: #FF0000;
  --lane-4: #FF0000;
  --lane-5: #FF0000;
  --lane-6: #FF0000;
  --lane-7: #FF0000;
  --lane-8: #FF0000;
  --lane-default: #FF0000;
  --on-lane: #000000;
  color-scheme: dark;
}
: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: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 10px;
  --radius-full: 999px;
  --control-height: 48px;
  --control-height-compact: 44px;
  --content-max: 1200px;
  --focus-width: 3px;
  --focus-offset: 2px;
  --list-title-size: 16px;
  --list-meta-size: 14px;
  --helper-size: 13px;
  --detail-title-size: 22px;
  --font-sans: Barlow, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-condensed: "Barlow Semi Condensed", Barlow, system-ui, sans-serif;
}