/* lubovna.online – vizuál podľa návrhu (farby mestskej vlajky: biela, červená, zlatá; písmo Manrope) */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root, :root:not([data-theme]) {
  --bg: #F5F4EF; --surface: #FFFFFF; --surface-2: #ECEAE3; --text: #16201B; --muted: #5A655F; --line: #E2E0D8;
  --brand: #B3202A; --brand-ink: #FFFFFF; --brand-soft: #F8E3E4; --brand-dark: #8A1820;
  --gold: #E3B23C; --gold-dark: #8A6410; --gold-soft: #FBF1D6; --photo-red: #F1DADB; --photo-gold: #EFE3C4;
  --ok: #2E7D4F; --ok-soft: #E3F1E8; --warn: #8A6410; --warn-soft: #FBF1D6; --bad: #B3202A; --bad-soft: #F8E3E4;
  --radius: 18px; --shadow: none;
  --font: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) { :root { --bg: #F5F4EF; --surface: #FFFFFF; --surface-2: #ECEAE3; --text: #16201B; --muted: #5A655F; --line: #E2E0D8; --brand: #B3202A; --brand-soft: #F8E3E4; color-scheme: light; } }
html, body { background: var(--bg); color: var(--text); font-family: var(--font); }
a { color: var(--brand); } a:hover { color: var(--brand-dark); }
h1 { font-size: 28px; font-weight: 800; letter-spacing: -0.02em; }
h2 { font-size: 17px; font-weight: 700; }
.card { border-radius: 18px; box-shadow: none; }
.btn { border-radius: 14px; font-weight: 700; }
.btn.primary, .btn.k { background: var(--brand); border-color: var(--brand); color: #fff; }
.btn.gold { background: var(--gold); border-color: var(--gold); color: var(--text); font-weight: 800; }
.btn.ghost { color: var(--brand); }
input, select, textarea { border-radius: 12px; background: #fff; }
input:focus, select:focus, textarea:focus { outline-color: var(--brand); }
.badge.brand { background: var(--brand-soft); color: var(--brand); }
.badge.ok { background: var(--gold); color: var(--text); }
.seg { background: var(--surface-2); border-radius: 14px; }
.seg button.on { box-shadow: none; font-weight: 800; }
.toast { background: var(--text); color: #fff; border-radius: 14px; }
.toast.ok { background: #2E7D4F; } .toast.bad { background: var(--brand); }
/* logo s vlajkou mesta */
.lo-brand { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 800; letter-spacing: -0.01em; color: var(--text); }
.lo-brand b { color: var(--brand); font-weight: 800; }
.lo-flag { display: inline-flex; flex-direction: column; width: 18px; height: 12px; border: 1px solid var(--line); border-radius: 2px; overflow: hidden; }
.lo-flag span { flex: 1; } .lo-flag span:nth-child(1) { background: #fff; } .lo-flag span:nth-child(2) { background: #B3202A; } .lo-flag span:nth-child(3) { background: #E3B23C; }