/* Zenit Prop skin za terminal („Summit Graphite“: grafit, ljubičasti akcenat, Inter / JetBrains Mono, zaobljeno). Uključuje se posle
   trader.css (i posle home.css na challenge.html); aktivan samo kad brand.js postavi <html data-skin="zenit"> (adresa zenitprop.com,
   lokalno ?app=zenit). Vrednosti su preslikane iz zenitprop/site/css/tokens.css — promenu boja raditi tamo, pa ovde. Skin je samo
   taman. Ljubičasta je brend; crvena je rezervisana za sell/gubitak, zelena za buy/dobit. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap");

:root[data-skin="zenit"]{
  --bg:#0E0F14;--panel:#151821;--panel-2:#1C202B;--ink:#F3F4F6;--ink-2:#C9CED9;--muted:#A3ABBD;
  --line:#2A2F3C;--line-2:#222636;--sel:#242938;
  --buy:#1FB46A;--buy-bg:rgba(31,180,106,.14);--sell:#E5484D;--sell-bg:rgba(229,72,77,.14);
  --pos:#1FB46A;--neg:#F2696D;--brand:#7C5CFF;--swiss:#7C5CFF;--accent:#957DFF;
  --chrome:#0A0B0F;--on-chrome:#F3F4F6;--input:#0E0F14;--hover:#242938;--alert-line:rgba(229,72,77,.4);
  --shadow:rgba(0,0,0,.5);--backdrop:rgba(10,11,15,.6);
  --sans:"Inter","IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,Menlo,monospace;
  color-scheme:dark;
}

/* Traka: grafit, zaobljena dugmad; primarno i uključeno dugme ljubičasto */
:root[data-skin="zenit"] .toolbar{background:var(--chrome);border-bottom:1px solid var(--line)}
:root[data-skin="zenit"] .tb{background:#1C202B;border-color:#2A2F3C;color:var(--ink);border-radius:8px}
:root[data-skin="zenit"] .tb:hover{background:#242938}
:root[data-skin="zenit"] .tb.on{background:var(--brand);color:#fff}
:root[data-skin="zenit"] .tb.primary{background:var(--brand);border-color:var(--brand);color:#fff}
:root[data-skin="zenit"] .tb.primary:hover{background:#957DFF;border-color:#957DFF}
:root[data-skin="zenit"] .toolbar .sep{background:#2A2F3C}
:root[data-skin="zenit"] .toolbar .acct{color:var(--ink)}
:root[data-skin="zenit"] .toolbar .acct[aria-expanded="true"]{background:#242938}
:root[data-skin="zenit"] .toolbar .brand .tag,:root[data-skin="zenit"] .auth .head .tag{color:var(--muted)}
:root[data-skin="zenit"] #btn-theme{display:none} /* skin je samo taman */

/* Paneli i tabele: tanke linije, zaobljeno 10px */
:root[data-skin="zenit"] .panel,:root[data-skin="zenit"] .acctmenu,:root[data-skin="zenit"] .auth .box{border-radius:10px}
:root[data-skin="zenit"] .panel .ph{background:var(--panel-2);font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
:root[data-skin="zenit"] .draw-loupe{border-color:var(--accent)}

/* Prijava i ostale strane sa .auth */
:root[data-skin="zenit"] .auth h1{font:700 24px/1.2 var(--sans);letter-spacing:-.02em}
:root[data-skin="zenit"] .auth input,:root[data-skin="zenit"] .auth select{border-radius:8px}
:root[data-skin="zenit"] .btn{border-radius:10px}
:root[data-skin="zenit"] .btn:not(.ghost){background:var(--brand)}
:root[data-skin="zenit"] .btn:not(.ghost):hover{background:#957DFF}

/* challenge.html (home.css paleta PrimeScope-a → Summit Graphite) */
:root[data-skin="zenit"]{--n950:#0A0B0F;--n900:#0E0F14;--n800:#151821;--n700:#1C202B;--n600:#242938;
  --red:#7C5CFF;--red-h:#957DFF;--ice:#B3A3FF}
:root[data-skin="zenit"] .pay-card,:root[data-skin="zenit"] .opt,:root[data-skin="zenit"] .rules,:root[data-skin="zenit"] .box,
:root[data-skin="zenit"] .copy,:root[data-skin="zenit"] input,:root[data-skin="zenit"] .btn.red,:root[data-skin="zenit"] .btn.line{border-radius:10px}
:root[data-skin="zenit"] .warn{border-left-color:#E5484D;background:rgba(229,72,77,.1)}