/* Shared design tokens for Commandly's app pages (dashboard, bot, admin,
   marketplace, support, status, payouts, changelog). Only tokens verified
   byte-identical (same value, same light/dark override) across all 8 pages
   live here — page-specific tokens (--bg-alt, --red, --radius, layout
   widths, etc.) stay in each page's own inline <style> block since their
   values genuinely differ page to page. Bump the ?v= query param on the
   <link> tag when editing this file — there's no build step to bust the
   cache automatically. */

:root {
  --navy:         #0F172A;
  --indigo:       #6366F1;
  --indigo-light: #818CF8;
  --bg:           #FFFFFF;
  --border:       #E2E8F0;
  --text:         #334155;
  --muted:        #94A3B8;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --navy:  #F1F5F9;
    --bg:    #0B1220;
    --border:#26314A;
    --text:  #CBD5E1;
    --muted: #7C8CA6;
  }
}

:root[data-theme="dark"] {
  --navy:  #F1F5F9;
  --bg:    #0B1220;
  --border:#26314A;
  --text:  #CBD5E1;
  --muted: #7C8CA6;
}