/* Gold is the default palette. The original palette remains untouched when
   data-usk-palette=classic. This file only changes color/material presentation. */
:root[data-usk-palette="gold"] {
  color-scheme: dark;
  --mf-canvas:#0b0d10;
  --mf-bg:#0b0d10;
  --mf-sidebar:#111317;
  --mf-card:#1b1c20;
  --mf-raised:#28272a;
  --mf-input:#131417;
  --mf-line:#514331;
  --mf-soft:#382f26;
  --mf-text:#f1f0ec;
  --mf-muted:#c8bcab;
  --mf-dim:#9c8e7a;
  --mf-accent:#d7b079;
  --mf-accent-hover:#f1d7a8;
  --mf-accent-text:#e9c78e;
  --mf-accent-ink:#19140d;
  --mf-accent-rgb:215,176,121;
  --mf-green:#83cba3;
  --mf-red:#e89a95;
  --primary-blue:var(--mf-accent);
  --fx-gold:var(--mf-accent);
  accent-color:var(--mf-accent);
}
html[data-usk-palette="gold"],
html[data-usk-palette="gold"] body.mf-theme {
  background:#0b0d10;
}
html[data-usk-palette="gold"] .mf-theme .sidebar,
html[data-usk-palette="gold"] .mf-theme .main-content,
html[data-usk-palette="gold"] .mf-theme .dashboard-container,
html[data-usk-palette="gold"] .mf-theme .dashboard-header,
html[data-usk-palette="gold"] .mf-theme .auth-container {
  background-color:var(--mf-bg) !important;
}
html[data-usk-palette="gold"] .mf-theme .sidebar {
  background-image:linear-gradient(175deg,rgba(215,176,121,.07),transparent 23%) !important;
  border-right-color:rgba(215,176,121,.14) !important;
}
html[data-usk-palette="gold"] .mf-theme .main-content {
  background-image:radial-gradient(ellipse 62% 30% at 88% 0,rgba(215,176,121,.055),transparent 75%);
}
html[data-usk-palette="gold"] .mf-theme :is(.mf-panel,.mf-metric,.login-card,.neu-panel-card,.settings-card,.signal-online-card) {
  border-color:var(--mf-soft);
}
html[data-usk-palette="gold"] .mf-theme :is(.mf-panel,.mf-metric,.login-card):hover {
  border-color:rgba(215,176,121,.35);
}
html[data-usk-palette="gold"] .mf-theme :is(.mf-button-primary,.login-card form .neu-btn,button[type='submit'].neu-btn) {
  color:#19140d !important;
}
html[data-usk-palette="gold"] .mf-theme :is(.mf-button-primary,.login-card form .neu-btn,button[type='submit'].neu-btn):hover {
  color:#15110e !important;
}
html[data-usk-palette="gold"] .mf-theme :is(.mf-auth-brand,.login-card a,.mf-auth-brand > span) {
  color:var(--mf-text);
}
html[data-usk-palette="gold"] .mf-theme .sidebar nav,
html[data-usk-palette="gold"] .mf-theme .main-content {
  scrollbar-color:#735b39 transparent;
}
html[data-usk-palette="gold"] .mf-theme .main-content::-webkit-scrollbar-thumb {
  background:#735b39;
}
/* A restrained optical gold shimmer, with the same palette as the modular landing.
   No new sidebar, layout, panels or moving content. */
@media (prefers-reduced-motion:no-preference) {
 html[data-usk-palette="gold"] .mf-theme .mf-panel,
 html[data-usk-palette="gold"] .mf-theme .mf-metric {
   transition:background-color .22s,border-color .22s,box-shadow .22s;
 }
 html[data-usk-palette="gold"] .mf-theme .mf-metric:hover {
   box-shadow:0 0 22px rgba(215,176,121,.055);
 }
}
/* Genuine checkbox control; shared across all authentication/dashboard pages. */
.usk-palette-control,
.usk-guest-palette-toggle {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-size:12px;font-weight:500;white-space:nowrap;user-select:none;
  color:var(--mf-muted,#bdb5a7);cursor:pointer;
}
.usk-palette-control input,
.usk-guest-palette-toggle input {
  position:absolute;width:1px;height:1px;opacity:0;
}
.usk-palette-track,
.usk-guest-palette-track {
  position:relative;display:block;width:34px;height:19px;border-radius:20px;
  border:1px solid rgba(215,176,121,.46);
  background:rgba(215,176,121,.13);
  transition:background .2s,border-color .2s;flex:none;
}
.usk-palette-track::after,.usk-guest-palette-track::after {
  content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;
  border-radius:50%;background:#d7b079;transition:transform .2s,background .2s;
}
.usk-palette-control input:checked + .usk-palette-track,
.usk-guest-palette-toggle input:checked + .usk-guest-palette-track {
  background:#30435d;border-color:#667d9b;
}
.usk-palette-control input:checked + .usk-palette-track::after,
.usk-guest-palette-toggle input:checked + .usk-guest-palette-track::after {
  transform:translateX(15px);background:#e8edf6;
}
.usk-palette-control input:focus-visible + .usk-palette-track,
.usk-guest-palette-toggle input:focus-visible + .usk-guest-palette-track {
  outline:2px solid var(--mf-accent,#d7b079);outline-offset:3px;
}
.usk-palette-auth {position:fixed;right:26px;top:26px;z-index:40}
.usk-palette-auth .usk-palette-control {
  border:1px solid var(--mf-line,#514331);padding:8px 11px;
  border-radius:8px;background:var(--mf-card,#1b1c20);
}
.usk-landing .usk-guest-palette-toggle {
  font-size:11px;color:var(--muted,#c8bcab);
  margin:0 5px;gap:7px;
}
.usk-landing .usk-guest-palette-toggle input {position:absolute}
@media(max-width:950px){
 .mf-theme .header-actions .usk-palette-control {font-size:0;gap:0;margin-right:4px}
 .usk-landing .usk-guest-palette-toggle {font-size:0;gap:0;margin:0}
}
@media(max-width:500px) {
 .usk-palette-auth {right:14px;top:18px}
 .usk-palette-auth .usk-palette-control {padding:8px}
 .usk-palette-auth .usk-palette-control > span:last-child {display:none}
}

/* The modular source ships a full palette studio; only two palettes are available
   in the integrated site, so remove now-unnecessary search/mode filters. */
.usk-landing #palette-dialog .palette-filters,
.usk-landing #palette-dialog .palette-modes {display:none}
.usk-landing #palette-dialog .palette-toolbar {justify-content:flex-end}

/* On the legacy auth pages, override inline blue colors only in Gold mode.
   The original inline colors remain byte-for-byte unchanged in Classic mode. */
html[data-usk-palette="gold"] .mf-theme .login-card .uskobot-login-hero h2 {
  color:var(--mf-text)!important;
}
html[data-usk-palette="gold"] .mf-theme .login-card .uskobot-login-hero > p,
html[data-usk-palette="gold"] .mf-theme .login-card p[style*="#94a3b8"],
html[data-usk-palette="gold"] .mf-theme .login-card a[style*="#b3c0d3"] {
  color:var(--mf-muted)!important;
}
html[data-usk-palette="gold"] .mf-theme .login-card b[style*="#eef3fa"] {
  color:var(--mf-text)!important;
}
html[data-usk-palette="gold"] .mf-theme .login-card :is(svg,span)[style*="#7181ff"],
html[data-usk-palette="gold"] .mf-theme .login-card a:hover {
  color:var(--mf-accent-text)!important;
}

/* V2: labels intentionally omitted; native checkbox remains accessible. */
.usk-palette-control,.usk-guest-palette-toggle{gap:0;flex-shrink:0;}
.usk-palette-control .usk-palette-track,.usk-guest-palette-toggle .usk-guest-palette-track{display:block;}
.usk-palette-auth .usk-palette-control{padding:8px;}