/* =====================================================================
   joule-theme.css
   The ONE palette for the entire Joule Suite and Criterion Readiness site.

   Heritage gold on deep navy, matching the Criterion Readiness brand mark
   and the public marketing site. To retheme the whole suite, edit the
   values here once. Every page that links this file updates together.

   Include on every page, before the page's own styles:
     <link rel="stylesheet" href="/joule-theme.css">

   Pages read these variables under BOTH naming conventions that exist
   across the suite, so a page written against either set stays themed:
     - Steel-era names: --navy --navy2 --navy3 --gold --teal --txt etc.
     - Marketing names: --bg --bg2 --bg3 --cream --ember --text etc.
   ===================================================================== */

:root,
[data-mode="light"],
[data-brand="joule"][data-mode="light"]{
  /* Core surfaces (deep navy) */
  --navy:#0A1628;   --navy2:#0E1B30;  --navy3:#122138;
  --bg:#0A1628;     --bg2:#0E1B30;    --bg3:#122138;
  --card:#0E1B30;   --surface2:#122138;
  --nav-bg:rgba(10,22,40,0.96);
  --chrome:#0A1628; --chromeText:#F4F0E8;

  /* Gold accent family */
  --gold:#C8961E;   --gold-lt:#DDB845; --gold-dk:#A87C13;
  --gold-light:#DDB845; --gold-pale:#DDB845;
  --ember:#C8961E;  --brass:#C8961E;

  /* Secondary accents */
  --teal:#127976;   --teal-lt:#1AA39F;
  --sage:#6F8F79;   --crimson:#C0392B; --amber:#C8961E; --auburn:#B07D32;

  /* Text */
  --txt:#DDE3EC;    --txt-mut:#A8B2C0; --txt-dim:#7A8595; --head:#F4F0E8;
  --cream:#F4F0E8;  --text:#DDE3EC;    --text-mid:#A8B2C0; --text-mut:#7A8595;

  /* Lines and borders */
  --br:rgba(200,150,30,0.16);  --br-soft:rgba(200,150,30,0.10);
  --br-gold:rgba(200,150,30,0.35); --border:rgba(200,150,30,0.16);

  --r:14px;
}

[data-mode="dark"],
[data-brand="joule"][data-mode="dark"]{
  --navy:#070F1C;   --navy2:#0C1626;  --navy3:#101E33;
  --bg:#070F1C;     --bg2:#0C1626;    --bg3:#101E33;
  --card:#0C1626;   --surface2:#101E33;
  --nav-bg:rgba(7,15,28,0.97);
  --chrome:#060C16; --chromeText:#F4F0E8;

  --gold:#DDB845;   --gold-lt:#E8C860; --gold-dk:#C8961E;
  --gold-light:#E8C860; --gold-pale:#E8C860;
  --ember:#DDB845;  --brass:#DDB845;

  --teal:#1AA39F;   --teal-lt:#3CBDB8;
  --sage:#7BA585;   --crimson:#E06A5C; --amber:#DDB845; --auburn:#C89A4E;

  --txt:#E4E9F0;    --txt-mut:#AEB8C6; --txt-dim:#78849A; --head:#F4F0E8;
  --cream:#F4F0E8;  --text:#E4E9F0;    --text-mid:#AEB8C6; --text-mut:#78849A;

  --br:rgba(221,184,69,0.18);  --br-soft:rgba(221,184,69,0.10);
  --br-gold:rgba(221,184,69,0.35); --border:rgba(221,184,69,0.18);

  --r:14px;
}