/* Yankee design tokens: generated from Documents/03-Architecture/design-system/tokens.json (keep in step;
   regenerate rather than edit by hand). Loaded by the web portal (App.razor) and the mobile app (index.html)
   before yankee.css and each app's app.css. Values changed for contrast on 2026-10-17 are PROPOSED in
   tokens.json, with their before/after ratios. */
:root {
  --brand-charcoal: #2b2f36;
  --brand-charcoal-2: #21252b;
  --brand-orange: #e8622c;
  --brand-orange-dark: #c1491c;
  --brand-orange-darker: #a53f16;
  --action: #c34715;
  --on-action: #ffffff;
  --ground: #f4f5f7;
  --surface: #ffffff;
  --surface-subtle: #fafbfc;
  --ink: #23272b;
  --ink-mobile: #2b2f36;
  --muted: #69707e;
  --muted-strong: #5f6673;
  --line: #e3e6ea;
  --nav-text: #c3c7cd;
  --nav-active-bg: rgba(232, 98, 44, 0.18);
  --focus-ring: #a53f16;
  --board-column: #eef0f3;
  --board-line: #e2e5ea;
  --board-backlog: #fbe9e1;
  --board-backlog-line: #f3d3c4;
  --board-empty-text: #696e74;
  --board-card-locked: #f7f8f9;
  --board-card-edge: #cfd4db;
  --validation-error: #e50000;
  --validation-valid: #26b050;
  --error-boundary: #b32121;
  --badge-secondary: #6c757d;
  --badge-info: #3f7d9e;
  --badge-primary: var(--brand-orange);
  --badge-warning: #ffc107;
  --badge-success: #198754;
  --badge-danger: #dc3545;
  --badge-dark: #212529;
  --badge-light: #f8f9fa;
  --status-pending-fg: #4a515c;
  --status-pending-bg: #eceef1;
  --status-scheduled-fg: #1f5f86;
  --status-scheduled-bg: #e2f0f8;
  --status-inprogress-fg: #9a3c12;
  --status-inprogress-bg: #fde9df;
  --status-deferred-fg: #7a4a00;
  --status-deferred-bg: #fdf1d8;
  --status-completed-fg: #1f6b3c;
  --status-completed-bg: #e3f3e8;
  --status-failed-fg: #a3241b;
  --status-failed-bg: #fde8e6;
  --status-cancelled-fg: #2b2f36;
  --status-cancelled-bg: #e3e5e9;
  --urgent-fg: #a3241b;
  --urgent-bg: #fde8e6;
  --promise-fg: #5c3d00;
  --promise-bg: #fff3cd;
  --font-web: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mobile: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 3rem;
  --board-gap: 0.75rem;
  --tile-pad-x: 1.25rem;
  --gutter-desktop: 2rem;
  --gutter-phone: 0.85rem;
  --top-bar-height: 3.5rem;
  --nav-item-height: 2.75rem;
  --sidebar-width: 250px;
  --board-column-width: 17rem;
  --touch-target: 48px;
  --radius-base: 0.35rem;
  --radius-card-mobile: 0.5rem;
  --radius-board: 0.5rem;
  --radius-board-card: 0.375rem;
  --radius-nav: 6px;
  --radius-round: 50%;
  --shadow-card: 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-tile-hover: 0 8px 20px rgba(16, 24, 40, 0.10);
  --shadow-board-card: 0 1px 1px rgba(0, 0, 0, 0.04);
  --shadow-board-card-hover: 0 2px 6px rgba(0, 0, 0, 0.10);
  --shadow-dialog: 0 12px 34px rgba(0, 0, 0, 0.28);
  --shadow-login: 0 20px 45px rgba(0, 0, 0, 0.35);
  --shadow-focus: 0 0 0 0.2rem rgba(232, 98, 44, 0.25);
  --shadow-sticky-column: -6px 0 8px -6px rgba(0, 0, 0, 0.18);
  --bp-phone-max: 640.98px;
  --bp-desktop-min: 641px;
}

/* Dark theme: a proposal. It applies only when something sets data-theme="dark" on <html>; nothing does yet, and
   following the OS setting would put dark tokens under Bootstrap's light components. */
:root[data-theme="dark"] {
  --brand-charcoal: #0f1114;
  --brand-charcoal-2: #0a0b0d;
  --brand-orange: #f07a45;
  --brand-orange-dark: #f4915f;
  --brand-orange-darker: #f7a87f;
  --action: #f07a45;
  --on-action: #16181c;
  --ground: #16181c;
  --surface: #1f2227;
  --surface-subtle: #24272c;
  --ink: #e8eaed;
  --ink-mobile: #e8eaed;
  --muted: #a3a9b3;
  --muted-strong: #b9bec6;
  --line: #33373e;
  --nav-active-bg: rgba(240, 122, 69, 0.22);
  --focus-ring: #f7a87f;
  --board-column: #24272c;
  --board-line: #33373e;
  --board-backlog: #3a2117;
  --board-backlog-line: #5a301f;
  --board-empty-text: #888e97;
  --board-card-locked: #202328;
  --board-card-edge: #4a4f57;
  --validation-error: #ff6b6b;
  --validation-valid: #5ad17e;
  --badge-light: #2a2e34;
  --status-pending-fg: #c2c7cf;
  --status-pending-bg: #2a2e34;
  --status-scheduled-fg: #8cc4e8;
  --status-scheduled-bg: #16303f;
  --status-inprogress-fg: #f4a37c;
  --status-inprogress-bg: #3a2117;
  --status-deferred-fg: #f1c46b;
  --status-deferred-bg: #3a2c0e;
  --status-completed-fg: #7fd3a0;
  --status-completed-bg: #14301f;
  --status-failed-fg: #ff9a90;
  --status-failed-bg: #3d1714;
  --status-cancelled-fg: #d5d9df;
  --status-cancelled-bg: #2d3138;
  --urgent-fg: #ff9a90;
  --urgent-bg: #3d1714;
  --promise-fg: #f1c46b;
  --promise-bg: #3a2c0e;
  color-scheme: dark;
}