/* Design tokens — extracted verbatim from cmgi-mockup.html (lines 10-74).
   TECHNICAL-BUILD-SPEC Section 2 is the spec; the mockup is the source. */

:root{
  --navy:#131E3F;
  --navy-deep:#0b1329;
  --navy-mid:#2b3a66;
  --gold:#BB965D;
  --gold-light:#d1b384;
  --purple:#985EA2;
  --purple-bg:#f1e7f3;
  --rose:#D0A5A3;
  --rose-bg:#faeeed;
  --slate:#989DAC;
  --paper:#F9F9F9;
  --paper-raised:#ffffff;
  --ink:#20242e;
  --ink-soft:#666c7a;
  --line:#e2e3e7;
  --line-soft:#ececec;
  --green:#2f6e4d;
  --green-bg:#e8f2ec;
  --amber:#a5691a;
  --amber-bg:#f6ecd9;
  --red:#a3352c;
  --red-bg:#f6e6e4;
  --blue:#2a5a8c;
  --blue-bg:#e6eef6;
  --grey:#6b7280;
  --grey-bg:#eef0f2;
  --radius:3px;
  --shadow:0 1px 2px rgba(19,30,63,0.06), 0 1px 1px rgba(19,30,63,0.04);
}
html[data-theme="dark"]{
  --navy:#c7cee0;
  --navy-deep:#f1f2f6;
  --navy-mid:#9aa6c4;
  --gold:#d1b384;
  --gold-light:#e3cca4;
  --purple:#c297cf;
  --purple-bg:#2c2032;
  --rose:#e0bcba;
  --rose-bg:#332323;
  --slate:#9aa1b3;
  --paper:#0f1524;
  --paper-raised:#151d30;
  --ink:#e3e6ee;
  --ink-soft:#8f97ab;
  --line:#293150;
  --line-soft:#212942;
  --green:#5cb385;
  --green-bg:#16302380;
  --amber:#d9a95c;
  --amber-bg:#3a2c1580;
  --red:#e08277;
  --red-bg:#3a1a1780;
  --blue:#7fa8d6;
  --blue-bg:#1a2a3d80;
  --grey:#8a93a5;
  --grey-bg:#1c2532;
  --shadow:0 1px 2px rgba(0,0,0,0.3), 0 2px 8px rgba(0,0,0,0.25);
}
html[data-theme="dark"] body{background:var(--paper);}
html[data-theme="dark"] .sidebar{background:#080c17;}
html[data-theme="dark"] .login-wrap{background:#080c17;}
html[data-theme="dark"] .reader-img{background:linear-gradient(135deg,#1c2432,#232c3d);}
html[data-theme="dark"] .dropzone{background:#141c28;}
html[data-theme="dark"] th{background:#111828;}