/* ===== WareGent design tokens — multi-seller marketplace =====
   Brand-matched to the WareGent logo:
     Navy  #082050  (bars)        Blue  #0A4DA8  (primary / links)
     Orange #F97316 (secondary)   Grey wordmark accents
   Light-first; dark is opt-in via the toggle only. Variable NAMES are
   stable — every other stylesheet reads these, so only values change. */
:root{
  /* page */
  --bg:#EEF1F6; --surface:#FFFFFF; --alt:#E4E9F0; --border:#D4DBE6;
  --text:#0E1726; --muted:#5B6675;

  /* dark navy navigation bars (brand navy) */
  --topbar:#082050; --topbar2:#0C2A63; --onbar:#EAF0FA; --onbar-muted:#A9BBDA; --bar-hover:#143A7E;

  /* primary CTA = brand blue; secondary CTA (Buy Now) = brand navy */
  --accent:#0A4DA8; --accent-hover:#0A3F8C; --accent-ink:#FFFFFF; --accent-soft:#E6EEF9;
  --cta2:#082050; --cta2-hover:#0C2A63;

  /* text links (brand blue) */
  --link:#0A4DA8; --link-hover:#082F73;

  /* status */
  --sale:#DC2626; --success:#1F8F4E; --rating:#F59E0B;

  --r-btn:7px; --r-card:8px; --r-dialog:12px; --r-pill:999px;
  --maxw:1340px; --gutter:20px;

  --font-body:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-display:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;

  --shadow-sm:0 1px 2px rgba(8,32,80,.07);
  --shadow-md:0 6px 18px -6px rgba(8,32,80,.20);
}
/* Light is the default for everyone; dark is opt-in via the toggle only. */
:root[data-theme="light"]{
  --bg:#EEF1F6; --surface:#FFFFFF; --alt:#E4E9F0; --border:#D4DBE6;
  --text:#0E1726; --muted:#5B6675;
  --topbar:#082050; --topbar2:#0C2A63; --onbar:#EAF0FA; --onbar-muted:#A9BBDA; --bar-hover:#143A7E;
  --accent:#0A4DA8; --accent-hover:#0A3F8C; --accent-ink:#FFFFFF; --accent-soft:#E6EEF9;
  --cta2:#082050; --cta2-hover:#0C2A63;
  --link:#0A4DA8; --link-hover:#082F73;
  --sale:#DC2626; --success:#1F8F4E; --rating:#F59E0B;
  --shadow-sm:0 1px 2px rgba(8,32,80,.07);
  --shadow-md:0 6px 18px -6px rgba(8,32,80,.20);
}
:root[data-theme="dark"]{
  --bg:#0A0F1A; --surface:#111726; --alt:#1A2234; --border:#263148;
  --text:#E7ECF3; --muted:#93A0B4;
  --topbar:#060F28; --topbar2:#0C1C44; --onbar:#E7ECF3; --onbar-muted:#93A0B4; --bar-hover:#1C2E57;
  --accent:#2D6FD6; --accent-hover:#4D86E0; --accent-ink:#FFFFFF; --accent-soft:#14213F;
  --cta2:#16346F; --cta2-hover:#1E4388;
  --link:#5AA0FF; --link-hover:#86BBFF;
  --sale:#F4606B; --success:#36B46E; --rating:#F5A623;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 10px 28px -10px rgba(0,0,0,.6);
}