/* ══════════════════════════════════════════════════════════════
TT Master Pro — Jedinstveni dizajn tokeni (Design System)
──────────────────────────────────────────────────────────────
JEDAN izvor istine za boje, fontove, razmake i radijuse.
Ubaci u SVAKE stranice PRE ostalih stilova:
Zatim iz svakog fajla obriši lokalni :root i koristi var(--…).
Ako se ikad menja paleta — menja se SAMO ovde, svuda se primeni.
══════════════════════════════════════════════════════════════ */
:root {
/* ── Pozadine i površine ── */
--bg: #06111e; /* osnovna pozadina aplikacije */
--bg-2: #081726; /* blago svetlija pozadinska nijansa */
--surf: #0b1c2e; /* kartice, header */
--surf-2: #0d1f33; /* ugnježdene površine (red u kartici) */
--surf2: #0d1f33; /* alias bez crtice — koristi se u referee/scoreboard/amateri */
--card: #0f2236; /* inputi, modali */
/* ── Linije / okviri ── */
--brd: #1a3a55; /* standardni okvir */
--brd2: #255079; /* naglašeniji okvir / hover */
/* ── Brend / akcenat ── */
--acc: #00d4ff; /* tirkizni brend akcenat */
--acc-2: #3ee3ff; /* svetliji ton za gradijente */
--acc-ink: #04121c; /* tekst NA akcentu (dugmad) */
--p1: #00d4ff; /* igrač 1 (semafor) — poklapa se sa akcentom */
/* ── Statusne boje ── */
--ok: #00e676; /* uspeh / aktivno / uživo */
--err: #ff3d5a; /* greška / brisanje */
--warn: #ffab00; /* upozorenje / pauza */
--pur: #a78bfa; /* kategorije / dodatni akcenat */
--p2: #ff6b35; /* igrač 2 / sudijski akcenat (semafor) */
/* ── Tekst ── */
--ink: #eaf4ff; /* najsvetliji — naslovi, logo */
--txt: #cfe3f7; /* osnovni tekst */
--mid: #7d9cbb; /* sekundarni tekst */
--dim: #3d5872; /* placeholderi, najtiši tekst */
/* ── Radijusi ── */
--r-sm: 8px;
--r: 12px;
--r-lg: 16px;
--r-xl: 22px;
/* ── Senke / elevacija ── */
--sh-1: 0 2px 8px rgba(0, 0, 0, 0.25);
--sh-2: 0 14px 34px rgba(0, 0, 0, 0.38);
--glow: 0 0 0 1px rgba(0, 212, 255, 0.16), 0 10px 34px rgba(0, 212, 255, 0.12);
/* ── Tipografija ── */
--ff: "Space Grotesk", sans-serif; /* naslovi / brend */
--fb: "Inter", sans-serif; /* tekst */
/* ── Aliasi za stss_import.html (stariji rečnik) ──
Drže staru terminologiju živom bez diranja tela fajla. */
--panel: #0b1c2e; /* = surf */
--panel2: #0d1f33; /* = surf2 */
--line: #1a3a55; /* = brd */
--muted: #7d9cbb; /* = mid */
--accent: #00d4ff; /* = acc */
--accent2: #00a7cc; /* tamniji akcenat (specifičan za import) */
--okbg: #0e3324; /* pozadina uspeha (import) */
--warnbg: #3a2f0e; /* pozadina upozorenja (import) */
--errbg: #3a1616; /* pozadina greške (import) */
}
/* ══════════════════════════════════════════════════════════════
SAFE-AREA INSETS — sudijska aplikacija (referee.html)
──────────────────────────────────────────────────────────────
Za telefone sa zarezom/zaobljenim ivicama. Fallback 0px ako
uređaj ne podržava env().
══════════════════════════════════════════════════════════════ */
:root {
--sat: env(safe-area-inset-top, 0px);
--sab: env(safe-area-inset-bottom, 0px);
--sal: env(safe-area-inset-left, 0px);
--sar: env(safe-area-inset-right, 0px);
}
/* ══════════════════════════════════════════════════════════════
DISPLAY REŽIM — TV semafor (scoreboard) i sudijska aplikacija
──────────────────────────────────────────────────────────────
Ovi ekrani ostaju TAMNIJI zbog čitljivosti sa razdaljine, ali
dele isti brend (akcenat, statusne boje, p2). Dodaj klasu
display-mode na ili tih stranica, ILI kopiraj
ova tri reda u njihov lokalni :root.
══════════════════════════════════════════════════════════════ */
.display-mode {
--bg: #060810; /* dublja, skoro crna pozadina */
--surf: #0d1120;
--surf2: #131828; /* ugnježdena tamna površina (semafor/sudija) */
--txt: #ffffff; /* čist beli tekst za maksimalan kontrast */
--mid: rgba(255, 255, 255, 0.60);
--dim: rgba(255, 255, 255, 0.30);
--brd: rgba(255, 255, 255, 0.08);
}
/* Napomena: TV semafor (scoreboard.html) za velike brojeve poena
zadržava 'Orbitron' font (digitalni izgled) preko lokalnog
override-a na --ff — to je namerno drugačije samo za taj ekran. */