/* ══════════════════════════════════════════════════════════════
   Top Gear — the app's own design system
   "Best Gear. Therefore, Wins."

   Every colour, radius, shadow and face the app draws with. It is NOT the site
   shell's token file and does not replace it: the shell styles the chrome
   around the app, this styles the app.

   It has to load, and load FIRST. Without it every var() in app.css resolves to
   nothing, the declarations fall back to inherited values, and the app renders
   as an unstyled approximation of itself — which is exactly what happened on
   one host until 06.09.2026, because the mount listed app.css and forgot this.

   The default values are NPB's. The other host's palette and faces sit behind
   sentinels and are stripped from this build (§8).
   ══════════════════════════════════════════════════════════════ */

/* ── NPB (default, light) ── */
:root{
  --bg:#f5f4f2; --bg2:#ffffff; --bg3:#eceae6; --bg4:#f0eee9;
  --border:#ddd8d2; --border-lt:#e9e5e0;
  --text:#3a332b; --text-dim:#8a8279; --text-bright:#1a1512;
  --accent:#d0043c; --accent-soft:rgba(208,4,60,0.08); --accent-line:rgba(208,4,60,0.22);
  --pos:#2E7D7B; --neg:#d0043c;
  --shadow:0 1px 3px rgba(58,51,43,.07),0 1px 2px rgba(58,51,43,.04);
  --shadow-lg:0 10px 34px rgba(58,51,43,.13),0 3px 10px rgba(58,51,43,.07);
  --hover-bg:rgba(208,4,60,0.035); --sel-bg:rgba(208,4,60,0.07);
  --font-ui:'Corporate S',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-display:'Corporate S','Helvetica Neue',Arial,sans-serif;
  --font-mono:'Corporate S',ui-monospace,'Segoe UI',monospace;
  --radius:10px; --radius-sm:7px; --radius-lg:14px;
  --c1:#d0043c;--c2:#605548;--c3:#2B4A6F;--c4:#2E7D7B;--c5:#B8923E;--c6:#6A7F5D;
  --c7:#5E7F9A;--c8:#7D3648;--c9:#9E6F4B;--c10:#6B4D6E;--c11:#89A7B8;--c12:#C4A87D;
  --brand-title-font:'Corporate S','Helvetica Neue',Arial,sans-serif;
  --brand-title-style:normal; --brand-title-weight:700;
}
/* ── NPB dark ── */
[data-theme="dark"]{
  --bg:#100f0d; --bg2:#1a1815; --bg3:#252220; --bg4:#211e1b;
  --border:#352f2a; --border-lt:#2c2723;
  --text:#cdc6bd; --text-dim:#857c72; --text-bright:#f1ece5;
  --accent:#e8194f; --accent-soft:rgba(232,25,79,0.12); --accent-line:rgba(232,25,79,0.30);
  --pos:#46a8a3; --neg:#e8194f;
  --shadow:0 1px 3px rgba(0,0,0,.4); --shadow-lg:0 12px 40px rgba(0,0,0,.55);
  --hover-bg:rgba(232,25,79,0.06); --sel-bg:rgba(232,25,79,0.10);
}