/* ============================================================
   FleetGenius · Aura design tokens — colour/elevation/radius variables only.
   Extracted verbatim from tokens.css so marketing pages can use the same
   palette without pulling in the app's component CSS. tokens.css imports
   this file; do not duplicate these values anywhere else.
   Day mode. Night tokens live under [data-mode="night"].
   ============================================================ */
:root{
  /* genie family (FleetGenius-owned; no longer tenant-derived) */
  --genie-950:#12213C; --genie-800:#1D3A68; --genie:#2F5490;
  --genie-400:#5C7CB0; --genie-200:#A9BCD9; --genie-50:#E3EAF5;
  /* porcelain neutrals */
  --bg:#F5F4EF; --surf:#FDFDFB; --surf2:#EEEDE6;
  --ink:#141B2C; --ink2:#3A4256; --mut:#6A7186; --faint:#9AA1B3;
  --hair:rgba(20,27,44,.08); --hair2:rgba(20,27,44,.16);
  /* status */
  --ok:#2F7D5D; --okbg:#E2F0E8; --gold:#B97E1F; --goldbg:#F8EDD8;
  --red:#BC4238; --redbg:#F9E7E4;
  /* carbon eco-green exception — vibrant */
  --eco:#2FA84F; --eco2:#1E7A3E; --eco-tint:rgba(47,168,75,.12);
  /* plate: front-plate white */
  --plate-bg:#FFFFFF; --plate-ink:#141414; --plate-line:#3A4256;
  /* tenant accent — avatar rings / doc tags ONLY */
  --tenant:#1350A9;
  /* the aura — presence only */
  --aura:linear-gradient(120deg,#7B6CF0,#5BC6DD 52%,#EEC27F);
  /* elevation replaces card borders */
  --e1:0 1px 2px rgba(18,27,44,.05),0 10px 28px -14px rgba(18,27,44,.10);
  --e2:0 2px 4px rgba(18,27,44,.05),0 18px 44px -18px rgba(18,27,44,.16);
  --e3:0 32px 80px -28px rgba(18,27,44,.28);
  /* radii */
  --r-s:14px; --r-m:18px; --r-l:24px; --r-xl:28px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
[data-mode="night"]{
  --bg:#0E1424; --surf:#161E33; --surf2:#1E2946;
  --ink:#EEF1F8; --ink2:#C7D0E6; --mut:#AAB5CC; --faint:#7E8BAB;
  --hair:rgba(255,255,255,.09); --hair2:rgba(255,255,255,.16);
  --ok:#7ED0A8; --okbg:rgba(126,208,168,.14);
  --gold:#EEC27F; --goldbg:rgba(238,194,127,.14);
  --red:#EE8177; --redbg:rgba(238,129,119,.14);
  --e1:0 1px 2px rgba(0,0,0,.3),0 10px 28px -14px rgba(0,0,0,.5);
  --e2:0 2px 4px rgba(0,0,0,.3),0 18px 44px -18px rgba(0,0,0,.6);
  /* lift genie family so accents/buttons read on dark */
  --genie:#8FADD9; --genie-800:#3E72B8; --genie-950:#33578F; --genie-200:#BCD0EA;
}