/* BundleDesk design tokens. Brand identity is unchanged from the original site:
   white surfaces, BundleDesk blue #2681b5 for the mark, links and primary actions,
   slate ink. Every component reads tokens, never literal colours, so light and
   dark stay consistent. Semantic colours differ in lightness as well as hue so
   status is readable without colour. */
:root{
  --bd-paper:#F5F8FA; --bd-surface:#FFFFFF; --bd-sunk:#EAF0F4; --bd-line:#DCE4E8; --bd-line-strong:#BDCCD6;
  --bd-ink:#203A4B; --bd-ink-2:#304956; --bd-ink-3:#627684; --bd-ink-4:#8A9CA8;
  --bd-accent:#1F5F8F; --bd-accent-hover:#184C73; --bd-accent-ink:#FFFFFF; --bd-accent-soft:#E7F1F9; --bd-accent-soft-ink:#184C73; --bd-accent-2:#2E8BC9;
  --bd-brass:#2E8BC9; --bd-brass-soft:#E7F1F9; --bd-brass-ink:#184C73;
  --bd-good:#1E7A4D; --bd-good-soft:#E3F3EA; --bd-warn:#9A5B00; --bd-warn-soft:#FFF2DC; --bd-bad:#A8382B; --bd-bad-soft:#FBE6E3; --bd-info:#2E8BC9; --bd-info-soft:#E7F1F9;
  --bd-focus:#2E8BC9; --bd-selection:rgba(46,139,201,.14); --bd-overlay:rgba(32,58,75,.45);
  --bd-shadow-1:0 1px 2px rgba(21,37,54,.06), 0 1px 1px rgba(21,37,54,.04);
  --bd-shadow-2:0 8px 24px rgba(21,37,54,.12), 0 2px 6px rgba(21,37,54,.06);
  --bd-font-display:"IBM Plex Sans","Segoe UI",system-ui,-apple-system,sans-serif;
  --bd-font-ui:"IBM Plex Sans","Segoe UI",system-ui,-apple-system,sans-serif;
  --bd-font-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --bd-r-sm:6px; --bd-r:12px; --bd-r-lg:16px; --bd-r-pill:999px;
  --bd-rail:248px; --bd-aside:360px; --bd-content-max:1280px;
  --bd-t-fast:120ms; --bd-t:180ms; --bd-ease:cubic-bezier(.23,1,.32,1); --bd-ease-move:cubic-bezier(.77,0,.175,1);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bd-paper:#0F171E; --bd-surface:#162129; --bd-sunk:#1C2933; --bd-line:#2A3A46; --bd-line-strong:#3B4E5C;
  --bd-ink:#E7EDF1; --bd-ink-2:#B9C6D0; --bd-ink-3:#8FA0AE; --bd-ink-4:#6D7E8C;
  --bd-accent:#5FB0E0; --bd-accent-hover:#7CC0E8; --bd-accent-ink:#082231; --bd-accent-soft:#17344A; --bd-accent-soft-ink:#A9D6F0;
  --bd-brass:#5FB0E0; --bd-brass-soft:#17344A; --bd-brass-ink:#A9D6F0;
  --bd-good:#5FC78F; --bd-good-soft:#17352A; --bd-warn:#F0B35A; --bd-warn-soft:#3A2A12; --bd-bad:#F08A7E; --bd-bad-soft:#3D1F1B; --bd-info:#5FB0E0; --bd-info-soft:#17344A;
  --bd-focus:#7CC0E8; --bd-selection:rgba(95,176,224,.2); --bd-overlay:rgba(0,0,0,.6);
  --bd-shadow-1:0 1px 2px rgba(0,0,0,.4); --bd-shadow-2:0 10px 28px rgba(0,0,0,.5);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bd-paper:#0F171E; --bd-surface:#162129; --bd-sunk:#1C2933; --bd-line:#2A3A46; --bd-line-strong:#3B4E5C;
  --bd-ink:#E7EDF1; --bd-ink-2:#B9C6D0; --bd-ink-3:#8FA0AE; --bd-ink-4:#6D7E8C;
  --bd-accent:#5FB0E0; --bd-accent-hover:#7CC0E8; --bd-accent-ink:#082231; --bd-accent-soft:#17344A; --bd-accent-soft-ink:#A9D6F0;
  --bd-brass:#5FB0E0; --bd-brass-soft:#17344A; --bd-brass-ink:#A9D6F0;
  --bd-good:#5FC78F; --bd-good-soft:#17352A; --bd-warn:#F0B35A; --bd-warn-soft:#3A2A12; --bd-bad:#F08A7E; --bd-bad-soft:#3D1F1B; --bd-info:#5FB0E0; --bd-info-soft:#17344A;
  --bd-focus:#7CC0E8; --bd-selection:rgba(95,176,224,.2); --bd-overlay:rgba(0,0,0,.6);
  --bd-shadow-1:0 1px 2px rgba(0,0,0,.4); --bd-shadow-2:0 10px 28px rgba(0,0,0,.5);
  color-scheme:dark;
}