/* === Ultimate Keywords — alternate color themes (append to styles.css) ===
   The base stylesheet drives most accent colors off CSS custom properties
   (--cyan, --violet, --gold, --coral, --green) set on :root. Overriding
   those on body[data-theme="..."] recolors accents through inheritance.
   White theme additionally overrides a few hardcoded-dark backgrounds
   that don't use variables in the base stylesheet (panels, sidebar,
   topbar) so it reads as a genuine light theme instead of a dark theme
   with mismatched light-colored panels. */

body[data-theme="gold"]{
  --bg:#120d04; --panel:rgba(39,27,10,.78); --panel-solid:#1c150a; --line:rgba(232,184,74,.18);
  --cyan:#e8b84b; --violet:#c98a3f; --gold:#ffe08a; --coral:#ff9f4a; --green:#d4c96a;
}

body[data-theme="red"]{
  --bg:#170a0c; --panel:rgba(46,15,20,.78); --panel-solid:#22090d; --line:rgba(255,90,100,.18);
  --cyan:#ff4d5e; --violet:#e0405c; --gold:#ff8a4c; --coral:#ff6f61; --green:#7ff0af;
}

body[data-theme="purple"]{
  --bg:#0d0620; --panel:rgba(35,17,58,.78); --panel-solid:#180b30; --line:rgba(180,120,255,.18);
  --cyan:#b478ff; --violet:#8a4fd1; --gold:#d9a6ff; --coral:#ff8ae0; --green:#c7a6ff;
}

body[data-theme="orange"]{
  --bg:#1a0f04; --panel:rgba(58,32,10,.78); --panel-solid:#2b1808; --line:rgba(255,154,61,.18);
  --cyan:#ff9a3d; --violet:#e0722a; --gold:#ffc46b; --coral:#ff7a3d; --green:#ffd98a;
}

body[data-theme="green"]{
  --bg:#041a0f; --panel:rgba(10,53,32,.78); --panel-solid:#082b1a; --line:rgba(61,255,160,.18);
  --cyan:#3dffa0; --violet:#2ad180; --gold:#c8ff6b; --coral:#7dff8a; --green:#3dffa0;
}

body[data-theme="blue"]{
  --bg:#04101a; --panel:rgba(10,35,58,.78); --panel-solid:#082033; --line:rgba(61,157,255,.18);
  --cyan:#3d9dff; --violet:#2a6fd1; --gold:#7cc8ff; --coral:#5ab4ff; --green:#7ff0af;
}

body[data-theme="pink"]{
  --bg:#1a0512; --panel:rgba(58,10,42,.78); --panel-solid:#2b0820; --line:rgba(255,111,196,.18);
  --cyan:#ff6fc4; --violet:#e0499a; --gold:#ffb3e0; --coral:#ff8ad0; --green:#ffc7ea;
}

body[data-theme="white"]{
  --bg:#f4f6f8; --panel:rgba(255,255,255,.9); --panel-solid:#ffffff; --line:rgba(20,40,60,.14);
  --text:#0d1b26; --muted:#48606f;
  --cyan:#0f7d8c; --violet:#6a4fd1; --gold:#c98a2b; --coral:#d1553f; --green:#1f9d5c;
  --shadow:0 24px 60px rgba(20,40,60,.10);
}
body[data-theme="white"] .panel,
body[data-theme="white"] .metric-card,
body[data-theme="white"] .module-card{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,243,246,.92))!important}
body[data-theme="white"] .sidebar{background:rgba(255,255,255,.75)!important}
body[data-theme="white"] .topbar{background:rgba(244,246,248,.85)!important}
body[data-theme="white"] th{background:rgba(20,40,60,.05)!important}
body[data-theme="white"] .aurora,body[data-theme="white"] .grain{opacity:.04}
body[data-theme="white"] .command-search,body[data-theme="white"] .table-search,
body[data-theme="white"] .icon-button,body[data-theme="white"] .profile,
body[data-theme="white"] .ghost-button,body[data-theme="white"] .small-select{background:rgba(20,40,60,.04)!important}
body[data-theme="white"] .setting-row select,
body[data-theme="white"] .setting-row input,
body[data-theme="white"] .module-search select{
  background:#ffffff!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
body[data-theme="white"] .action-strip{
  background:rgba(255,255,255,.75)!important;
}
body[data-theme="white"] .nav-item{
  color:#1c2f3a!important;
  font-weight:600;
}
body[data-theme="white"] .nav-item span{
  color:#3a5566!important;
}
body[data-theme="white"] .nav-item.active{
  color:var(--cyan)!important;
}
body[data-theme="white"] .nav-item.active span{
  color:var(--cyan)!important;
}