/* ============================================================
   Lexeya — brend sloj preko app.css (učitava se samo uz OPS_BRAND='lexeya')
   Navy #0A1C3B = baza (zaglavlje, tekst); plavi gradijent
   #0070F0 → #00A0F0 = akcent (gumbi, linkovi, istaknuto).
   ============================================================ */

:root {
  --ink-900: #061328;
  --ink-800: #0A1C3B;
  --ink-700: #10295a;
  --ink-600: #173a7a;
  --ink-500: #0062d6;          /* linkovi — malo tamnije od #0070F0 radi kontrasta na bijelom */

  --accent: #0070F0;
  --accent-strong: #0060d0;
  --accent-2: #00A0F0;
  --brand-grad: linear-gradient(120deg, #0070F0, #00A0F0);

  --info: #0070F0;

  --bg: #f3f6fa;
  --bg-sunken: #e7edf5;
  --text: #0A1C3B;
  --text-dim: #586a85;
  --border: #d6dfeb;
  --border-strong: #b5c3d6;
  --shadow: 0 1px 3px rgba(10, 28, 59, .10), 0 4px 14px rgba(10, 28, 59, .06);
  --shadow-lg: 0 8px 30px rgba(10, 28, 59, .20);

  --nav-bg: #0A1C3B;
  --nav-text: #c3d0e4;
  --nav-active: rgba(0, 160, 240, .20);
}

[data-theme="dark"] {
  --ink-500: #4fb3f7;
  --accent: #33a6f5;
  --accent-strong: #1f8fe8;

  --bg: #0f1a2e;
  --bg-elev: #172540;
  --bg-sunken: #0b1424;
  --text: #e3ebf6;
  --text-dim: #9aaccb;
  --border: #263a5c;
  --border-strong: #34507c;

  --nav-bg: #081530;
  --nav-text: #a9bbd8;
}

/* ---------- Logo ---------- */
.topbar .brand-img { gap: 0; padding-right: 14px; margin-right: 6px; border-right: 1px solid rgba(255, 255, 255, .16); }
.topbar .brand-img img { height: 24px; width: auto; }
.topbar .brand-img img.only-sm { height: 30px; border-radius: 8px; }
.only-sm { display: none !important; }
@media (max-width: 520px) {
  .only-sm { display: block !important; }
  .topbar .brand-img { padding-right: 0; margin-right: 0; border-right: 0; }
}

/* ---------- Akcent: plavi gradijent iz loga ---------- */
.btn-accent,
.login-card .btn-accent {
  background: var(--brand-grad);
  border-color: transparent;
}
.btn-accent:hover { filter: brightness(1.06); }
.nav-item.active { box-shadow: inset 3px 0 0 var(--accent-2); }

/* ---------- Login ---------- */
.login-wrap {
  background:
    radial-gradient(900px 480px at 88% -10%, rgba(0, 160, 240, .22), transparent),
    radial-gradient(700px 420px at -10% 110%, rgba(0, 112, 240, .18), transparent),
    linear-gradient(160deg, #061328, #0A1C3B 60%, #10295a);
}
.login-brand-img { flex-direction: column; align-items: center; gap: 10px; margin-bottom: 24px; }
.login-brand-img img { width: 210px; height: auto; }
.login-brand-img small { text-align: center; }
.logo-tamni { display: none; }
[data-theme="dark"] .logo-svijetli { display: none; }
[data-theme="dark"] .logo-tamni { display: block; }