:root{
  --bg-grad-top:#dbdbdb;
  --bg-grad-bot: #aebbd2; 
  --ink:#0b0b0b;
  --muted:#5a5a5a;
  --ring:rgba(0,0,0,.08);
  --shadow:0 10px 30px rgba(0,0,0,.08);
  --hover:#000;
  --hoverText:#fff;
}

body {
	color: var(--ink);
	background: linear-gradient(
	to bottom,
	var(--bg-grad-top) 0%,
	var(--bg-grad-top) 12%,   /* krátký plochý úvod */
	var(--bg-grad-bot) 65%,   /* přechod začne dřív a končí dřív */
	var(--bg-grad-bot) 100%
	);background: linear-gradient(to bottom, var(--bg-grad-top), var(--bg-grad-bot));
}

/* PRIHLASENI :: index.php */

#prihlaseni_container { background: #000 url('../pics/bg-login.jpg') center center / cover no-repeat fixed; }
#prihlaseni input { background: #fff; border: 1px solid rgba(0,0,0,0.2); }

#prihlaseni input:focus  { border-color: rgba(0,0,0,0.35); box-shadow: 0 0 0 4px rgba(0,0,0,0.06); }

#prihlaseni input[type="checkbox"] { accent-color:#1db954; }
#prihlaseni button[type="submit"] { background: #1db954; color: #fff; box-shadow:0 6px 14px rgba(0,0,0,0.12);  }
#prihlaseni button[type="submit"]:hover { filter: brightness(1.05); }
#prihlaseni button[type="submit"]:active { box-shadow: 0 4px 10px rgba(0,0,0,0.18); }

.error_box { background: red; color: white; }
.success_box { background: green; color: white; }
.info_box { background: #eef5ff; color: #194d86; }
.warning_box { background: #fff7e6; color: #7a5a1f; }

/* Odkazy – barva (dekorace řeší typografie) */
a { color: inherit; }

/* Topbar / pills – barvy */
.pill { background: transparent; color: var(--ink); }
.pill:hover, .pill.is-active { background: var(--hover); color: var(--hoverText); }

/* Ikonky – barvy/stíny */
.icon-btn { background: #ececec; }
.icon-btn:hover { box-shadow: 0 10px 20px rgba(0,0,0,.14); }
.icon { fill: #4a4a4a; }

/* Sidebar – barvy */
.box { background: transparent; border: none; border-left: 3px solid rgba(0,0,0,.08); }
.box h3 { color: #333; }
.menu-list a:hover { background: rgba(0,0,0,.06); }
.menu-list a.is-active { background: rgba(0,0,0,.12); }

/* Content – barvy */
.content { background: transparent; }
.content h1 { color: #000; }

/* Footer – barvy */
.footer .footer-row { color: #333; }
.footer .contact b { color: #111; }
.footer .contact small { color: #555; }

/* Tabulka – barvy/stíny */
.table.standard { background-color: #e0e2e5; }
.table.standard thead th { background-color: #fff; border-bottom: 2px solid #d0d3d8; }
.table.standard tbody td { border-bottom: 1px solid #d0d3d8; }
.table.standard tbody tr:last-child td { border-bottom: none; }
.table.standard tbody tr:hover { background-color: rgba(255, 255, 255, 0.6); }