/* Aurano Prop skin za terminal („Blueprint Dark“: navy, plavi akcenat, Geist). Uključuje se posle trader.css (i posle home.css na
   challenge.html); aktivan samo kad brand.js postavi <html data-skin="aurano"> (adresa auranoprop.com, lokalno ?app=aurano).
   Vrednosti su preslikane iz auranoprop/site/css/tokens.css — promenu boja raditi tamo, pa ovde. Skin je samo taman. */
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500;600&display=swap");

:root[data-skin="aurano"]{
  --bg:#0B1B33;--panel:#112442;--panel-2:#162D52;--ink:#F4F5F7;--ink-2:#C9D1E0;--muted:#9AA6BD;
  --line:#25405F;--line-2:#1B3355;--sel:#1B375F;
  --buy:#19B887;--buy-bg:rgba(25,184,135,.14);--sell:#E5484D;--sell-bg:rgba(229,72,77,.14);
  --pos:#19B887;--neg:#F2696D;--brand:#1F4FD8;--swiss:#1F4FD8;--accent:#3A66E6;
  --chrome:#081529;--on-chrome:#F4F5F7;--input:#0B1B33;--hover:#1B375F;--alert-line:rgba(229,72,77,.4);
  --shadow:rgba(0,0,0,.45);--backdrop:rgba(8,20,38,.55);
  --sans:"Geist","IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Geist Mono","IBM Plex Mono",ui-monospace,Menlo,monospace;
  color-scheme:dark;
}

/* Traka: tamnija navy, dugmad kao „sheet“ okviri; primarno dugme plavo */
:root[data-skin="aurano"] .toolbar{background:var(--chrome);border-bottom:1px solid var(--line)}
:root[data-skin="aurano"] .tb{background:#162D52;border-color:#2B4670;color:var(--ink);border-radius:2px}
:root[data-skin="aurano"] .tb:hover{background:#1B375F}
:root[data-skin="aurano"] .tb.on{background:var(--ink);color:var(--bg)}
:root[data-skin="aurano"] .tb.primary{background:var(--brand);border-color:var(--brand);color:#fff}
:root[data-skin="aurano"] .tb.primary:hover{background:#3A66E6;border-color:#3A66E6}
:root[data-skin="aurano"] .toolbar .sep{background:#2B4670}
:root[data-skin="aurano"] .toolbar .acct{color:var(--ink)}
:root[data-skin="aurano"] .toolbar .acct[aria-expanded="true"]{background:#1B375F}
:root[data-skin="aurano"] .toolbar .brand .tag,:root[data-skin="aurano"] .auth .head .tag{color:var(--muted)}
:root[data-skin="aurano"] #btn-theme{display:none} /* skin je samo taman */

/* Paneli i tabele: tanke linije, bez zaobljenja (blueprint) */
:root[data-skin="aurano"] .panel,:root[data-skin="aurano"] .acctmenu,:root[data-skin="aurano"] .auth .box{border-radius:2px}
:root[data-skin="aurano"] .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="aurano"] .draw-loupe{border-color:var(--accent)}

/* Prijava i ostale strane sa .auth */
:root[data-skin="aurano"] .auth h1{font:500 24px/1.2 var(--sans);letter-spacing:-.01em}
:root[data-skin="aurano"] .auth input,:root[data-skin="aurano"] .auth select{border-radius:2px}
:root[data-skin="aurano"] .btn{border-radius:2px}
:root[data-skin="aurano"] .btn:not(.ghost){background:var(--brand)}
:root[data-skin="aurano"] .btn:not(.ghost):hover{background:#3A66E6}

/* challenge.html (home.css paleta PrimeScope-a → Blueprint) */
:root[data-skin="aurano"]{--n950:#081529;--n900:#0B1B33;--n800:#112442;--n700:#162D52;--n600:#1B375F;
  --red:#1F4FD8;--red-h:#3A66E6;--ice:#6EA8FE}
:root[data-skin="aurano"] .pay-card,:root[data-skin="aurano"] .opt,:root[data-skin="aurano"] .rules,:root[data-skin="aurano"] .box,
:root[data-skin="aurano"] .copy,:root[data-skin="aurano"] input,:root[data-skin="aurano"] .btn.red,:root[data-skin="aurano"] .btn.line{border-radius:2px}
:root[data-skin="aurano"] .warn{border-left-color:#E5484D;background:rgba(229,72,77,.1)}