/* Saned design system — dark variation (named variation for The Crew dashboard; candidate for upstream).
   Same token names as tokens.css; warm near-black surfaces, one navy-derived accent.
   Applies on [data-theme=dark], or on system dark when no explicit light choice was made. */
:root[data-theme=dark]{color-scheme:dark}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark}}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  --paper:#131315;--rail:#17171a;--panel:#1c1c20;--sunk:#202024;
  --ink:#ecebe7;--ink-2:#b9b8b2;--ink-3:#8c8c93;--ink-4:#6c6c73;--ink-muted:#a5a49e;
  --line:#2d2d33;--line-2:#25252a;--line-3:#202025;
  --brand:#2f5d8f;--brand-2:#3a6ca1;--brand-3:#7fabd9;--brand-ink:#bcd5f1;--brand-soft:#1b2939;--brand-line:#2e4a6b;
  --pos:#41b380;--pos-ink:#93dcb8;--pos-soft:#142a20;--pos-line:#24513b;
  --warn:#d9a03a;--warn-ink:#f1c97c;--warn-soft:#2c2314;--warn-line:#5a4520;
  --neg:#e2624e;--neg-ink:#f4a699;--neg-soft:#321a17;--neg-line:#63302a;
  --teal:#4fa6b8;--teal-ink:#9bd6e2;--teal-soft:#13282d;--teal-line:#28525c;
  --c1:#7aa6d4;--c2:#5fb3c4;--c3:#4fbf8a;--c4:#dcaa52;--c5:#e07b63;
  --sh-1:0 1px 2px rgba(0,0,0,.35);--sh-2:0 1px 3px rgba(0,0,0,.4),0 8px 22px -8px rgba(0,0,0,.55);
  --focus-ring:0 0 0 3px rgba(127,171,217,.32);
  --input-line:#55555d;--hover-line:#44444b;--hover-bg:#26262b;--link:#8fb6e0;--on-brand:#ffffff;
}}
:root[data-theme=dark]{
  --paper:#131315;--rail:#17171a;--panel:#1c1c20;--sunk:#202024;
  --ink:#ecebe7;--ink-2:#b9b8b2;--ink-3:#8c8c93;--ink-4:#6c6c73;--ink-muted:#a5a49e;
  --line:#2d2d33;--line-2:#25252a;--line-3:#202025;
  --brand:#2f5d8f;--brand-2:#3a6ca1;--brand-3:#7fabd9;--brand-ink:#bcd5f1;--brand-soft:#1b2939;--brand-line:#2e4a6b;
  --pos:#41b380;--pos-ink:#93dcb8;--pos-soft:#142a20;--pos-line:#24513b;
  --warn:#d9a03a;--warn-ink:#f1c97c;--warn-soft:#2c2314;--warn-line:#5a4520;
  --neg:#e2624e;--neg-ink:#f4a699;--neg-soft:#321a17;--neg-line:#63302a;
  --teal:#4fa6b8;--teal-ink:#9bd6e2;--teal-soft:#13282d;--teal-line:#28525c;
  --c1:#7aa6d4;--c2:#5fb3c4;--c3:#4fbf8a;--c4:#dcaa52;--c5:#e07b63;
  --sh-1:0 1px 2px rgba(0,0,0,.35);--sh-2:0 1px 3px rgba(0,0,0,.4),0 8px 22px -8px rgba(0,0,0,.55);
  --focus-ring:0 0 0 3px rgba(127,171,217,.32);
  --input-line:#55555d;--hover-line:#44444b;--hover-bg:#26262b;--link:#8fb6e0;--on-brand:#ffffff;
}