/* NovaStudy OS — isolated Black & Gold theme
   The default Cyber design remains untouched in styles.css.
   The chosen theme is stored separately from novastudy_state_v1. */
html[data-theme="gold"]{
  color-scheme:dark;
  --bg:#080706;
  --panel:#15110a;
  --panel2:#20190d;
  --line:#604a27;
  --text:#fff3d4;
  --muted:#c2ae89;
  --mint:#ebbb61;
  --purple:#f1cf87;
  --gold:#f5cc76;
  --gold-strong:#f6ce74;
  --gold-soft:#d0a34f;
  --gold-dark:#9f732c;
}
html[data-theme="gold"] body{
  background:
    radial-gradient(ellipse at 86% -10%,rgba(198,133,34,.19) 0%,transparent 47%),
    radial-gradient(ellipse at 18% 96%,rgba(130,91,26,.14) 0%,transparent 55%),
    #080706;
  color:var(--text);
}
html[data-theme="gold"] .sidebar{
  background:linear-gradient(170deg,#100d08f5,#0a0805f5);
  border-color:#4e3a1e;
}
html[data-theme="gold"] .brand strong,
html[data-theme="gold"] .view-title,
html[data-theme="gold"] .panel-title,
html[data-theme="gold"] .stat-value{color:#fff1c9}
html[data-theme="gold"] .brand small,
html[data-theme="gold"] .sidebar-caption,
html[data-theme="gold"] .sidebar-footer,
html[data-theme="gold"] .nav-arrow,
html[data-theme="gold"] .breadcrumb-muted,
html[data-theme="gold"] .app-footer{color:#aa9069}
html[data-theme="gold"] .brand-symbol,
html[data-theme="gold"] .avatar-button{
  background:linear-gradient(135deg,#e6b45e,#92621e);
  border-color:#e8bc67;
  color:#140e06;
  box-shadow:0 0 30px #c894403b;
}
html[data-theme="gold"] .brand-spark{color:#fff1c4}
html[data-theme="gold"] .nav-btn{color:#d7c29e}
html[data-theme="gold"] .nav-btn:hover,
html[data-theme="gold"] .nav-btn.active{
  color:#fff4d7;
  background:linear-gradient(110deg,#372812,#22190e);
  border-color:#8e6a34;
}
html[data-theme="gold"] .nav-ico,
html[data-theme="gold"] .eyebrow,
html[data-theme="gold"] .section-caption,
html[data-theme="gold"] .stat-icon{color:#ebbb61}
html[data-theme="gold"] .status-pill{
  color:#f1d394;
  background:#241b0d;
  border-color:#6b5128;
}
html[data-theme="gold"] .live-dot{
  background:#e8bb6d;
  box-shadow:0 0 12px #edb961;
}
html[data-theme="gold"] .mini-label{color:#bd9a5b}
html[data-theme="gold"] .topbar{
  background:rgba(15,11,6,.8);
  border-color:#46351d;
}
html[data-theme="gold"] .clock{color:#f4dca6}
html[data-theme="gold"] .hero{
  background:
    radial-gradient(circle at 80% 40%,rgba(219,162,62,.20),transparent 46%),
    linear-gradient(115deg,#1f180e,#100d08 80%);
  border-color:#98713d;
  box-shadow:0 18px 55px #0006, inset 0 1px #d9ae6029;
}
html[data-theme="gold"] .hero p{color:#dcc7a3}
html[data-theme="gold"] .orbit{
  border-color:#d9ac59;
  box-shadow:0 0 0 19px #a17a3255,0 0 0 40px #68491d22,0 0 40px #d7a44b56;
}
html[data-theme="gold"] .orbit-core{
  color:#f7d790;
  text-shadow:0 0 25px #dca14c;
}
html[data-theme="gold"] .orbit-core small{color:#fff0bf}
html[data-theme="gold"] .panel{
  background:linear-gradient(145deg,#20190f,#100d08);
  border-color:#5d4525;
  box-shadow:0 15px 38px #0005,inset 0 1px #ffe5a00e;
}
html[data-theme="gold"] .subject-card{
  background:linear-gradient(135deg,#2a2010,#151008);
  border-color:#71532b;
}
html[data-theme="gold"] .primary-btn{
  background:linear-gradient(125deg,#f4d789,#c58f32);
  border-color:#eed293;
  color:#1b1204;
  box-shadow:0 13px 33px #b5802f3b;
}
html[data-theme="gold"] .outline-button,
html[data-theme="gold"] .secondary-btn,
html[data-theme="gold"] .tiny-btn,
html[data-theme="gold"] .modal-close,
html[data-theme="gold"] .import-label{
  background:#21190e;
  color:#f7ddac;
  border-color:#76552a;
}
html[data-theme="gold"] .secondary-btn:hover,
html[data-theme="gold"] .tiny-btn:hover,
html[data-theme="gold"] .outline-button:hover{
  background:#403018;
  border-color:#d6a64d;
}
html[data-theme="gold"] .danger-btn{
  background:#332016;
  border-color:#8c583e;
  color:#ffbd9d;
}
html[data-theme="gold"] .chip,
html[data-theme="gold"] .day-pill,
html[data-theme="gold"] .filter-chip{
  background:#251b0e;
  border-color:#5f4626;
  color:#e4cb9c;
}
html[data-theme="gold"] .day-pill.active,
html[data-theme="gold"] .filter-chip.active{
  background:#5a3c15;
  color:#fff0cd;
  border-color:#d2a455;
}
html[data-theme="gold"] .day-pill small,
html[data-theme="gold"] .time-label small,
html[data-theme="gold"] .session-text small,
html[data-theme="gold"] .task-main small{color:#bda57e}
html[data-theme="gold"] .time-label{color:#f0cf88}
html[data-theme="gold"] .timeline-card,
html[data-theme="gold"] .task-row,
html[data-theme="gold"] .separator{border-color:#4e3b22}
html[data-theme="gold"] .priority.high{color:#ffc18f}
html[data-theme="gold"] .priority.medium{color:#f0d07c}
html[data-theme="gold"] .priority.low{color:#c6d89a}
html[data-theme="gold"] .task-tick{accent-color:#e8b75a}
html[data-theme="gold"] .field label,
html[data-theme="gold"] .form-grid label{color:#ebd5a8}
html[data-theme="gold"] .field input,
html[data-theme="gold"] .field select,
html[data-theme="gold"] .form-grid input,
html[data-theme="gold"] .form-grid select,
html[data-theme="gold"] .toolbar input{
  background:#120f0a;
  color:#fff0d1;
  border-color:#73572e;
}
html[data-theme="gold"] input::placeholder{color:#b39a70}
html[data-theme="gold"] button:focus-visible,
html[data-theme="gold"] input:focus-visible,
html[data-theme="gold"] select:focus-visible{
  outline-color:#f0c66f;
}
html[data-theme="gold"] .hint-banner{
  background:#241b0e;
  color:#ddc79e;
  border-color:#795b30;
}
html[data-theme="gold"] .modal{
  background:#1a140b;
  border-color:#8c6735;
  color:#fff0d1;
}
html[data-theme="gold"] .modal::backdrop{background:#050300dd}
html[data-theme="gold"] .toast{
  background:#292011;
  border-color:#bb8d43;
  color:#fff0cc;
}
html[data-theme="gold"] .mobile-nav{
  background:#130e08f5;
  border-color:#77562a;
}
html[data-theme="gold"] .mobile-nav button{color:#cbb58e}
html[data-theme="gold"] .mobile-nav button.active{color:#ffdf9a}
.theme-switch{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;white-space:nowrap}
.theme-symbol{font-size:17px;line-height:1;color:var(--mint)}
html[data-theme="gold"] .theme-switch{
  background:linear-gradient(125deg,#292011,#493219);
  border-color:#d1a658;
  color:#ffe6ad;
  box-shadow:0 0 18px #bf8d3855;
}
html[data-theme="gold"] .theme-symbol{color:#f3ce80}
.appearance-panel{
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  border:1px solid var(--line);
  background:rgba(150,150,200,.045);
  border-radius:13px;
  padding:15px;
  margin:12px 0;
}
.appearance-copy{flex:1;min-width:160px}
.appearance-copy b{display:block;font-size:12px;margin-bottom:5px}
.appearance-copy small{display:block;color:var(--muted);font-size:11px;line-height:1.6}
html[data-theme="gold"] .appearance-panel{
  background:linear-gradient(125deg,#2a1f0f,#151009);
  border-color:#825f2d;
}
html[data-theme="gold"] .appearance-copy small{color:#ccb38a}
@media(max-width:660px){
  .theme-switch{padding:8px 10px;font-size:10px;min-height:33px}
  .theme-symbol{font-size:15px}
  .appearance-panel{align-items:stretch}
  .appearance-panel button{width:100%}
}

/* v1.2 Appearance picker. Theme preview colors remain accurate in either mode. */
.appearance-panel-v12{display:block; padding:18px;margin:12px 0 20px}
.appearance-panel-v12 .appearance-copy{margin-bottom:15px}
.appearance-panel-v12 .appearance-copy b{font-size:14px}
.theme-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.theme-option{
  display:flex;flex-direction:column;text-align:left;min-width:0;padding:8px;color:var(--text);
  border-radius:14px;border:2px solid var(--line);background:rgba(255,255,255,.035);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.theme-option:hover{transform:translateY(-2px)}
.theme-option.is-selected{
  border-color:var(--mint);
  box-shadow:0 0 0 1px var(--mint),0 10px 24px #0003;
}
.theme-option:focus-visible,.theme-switch:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
.theme-preview{
  display:flex;flex-direction:column;aspect-ratio:1.9;overflow:hidden;border-radius:9px;
  border:1px solid var(--preview-line);
}
.theme-preview-cyber{--preview-line:#7779d4;--preview-bg:#131b33;--preview-accent:#9479f0;--preview-light:#55e0d2;background:radial-gradient(circle at 90% 10%,#533b91,transparent 65%),#131b33}
.theme-preview-gold{--preview-line:#a47b3b;--preview-bg:#171007;--preview-accent:#d6a342;--preview-light:#f2cf85;background:radial-gradient(circle at 90% 10%,#73501c,transparent 65%),#171007}
.preview-top{height:20%;min-height:9px;border-bottom:1px solid var(--preview-line);background:var(--preview-bg)}
.preview-main{display:flex;flex-direction:column;gap:7px;padding:10px;flex:1}
.preview-main i{width:55%;height:10%;min-height:5px;border-radius:4px;background:var(--preview-light)}
.preview-main b{height:35%;border-radius:5px;background:linear-gradient(90deg,var(--preview-accent),var(--preview-bg));border:1px solid var(--preview-line)}
.preview-main em{width:80%;height:20%;border-radius:4px;background:var(--preview-accent);opacity:.45}
.theme-option-bottom{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:10px 4px 3px;width:100%}
.theme-option-name strong{display:block;font-size:12px;line-height:1.4}
.theme-option-name small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.theme-check{display:grid;place-items:center;flex:0 0 22px;height:22px;border:1px solid var(--line);border-radius:50%;opacity:.35}
.theme-option.is-selected .theme-check{color:#101008;background:var(--mint);border-color:var(--mint);font-weight:900;opacity:1}
.theme-save-note{display:block;margin-top:12px;font-size:11px;line-height:1.5;color:var(--muted)}
html[data-theme="gold"] .appearance-panel-v12{background:linear-gradient(125deg,#21180e,#140f09)}
html[data-theme="gold"] .theme-option{background:#120e08;border-color:#604a27}
html[data-theme="gold"] .theme-option.is-selected{border-color:#f4ce7c}
@media(max-width:660px){.topbar-actions{gap:7px}.clock{display:none}.theme-switch{flex-shrink:0}}
@media(max-width:420px){.mobile-brand b{display:none}.theme-switch{padding:7px 9px}.top-install{padding:8px 7px}.theme-gallery{gap:8px}.theme-option{padding:6px}.theme-option-name strong{font-size:11px}.theme-option-name small{font-size:9px}}
@media(max-width:330px){#themeLabel{display:none}}
@media(prefers-reduced-motion:reduce){.theme-option{transition:none}.theme-option:hover{transform:none}}

/* Match the new graduation icon to Black & Gold mode */
html[data-theme="gold"] .brand-image{border-color:#c4974e;box-shadow:0 0 19px rgba(209,161,71,.28)}