: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 */

#onboard_container { background: #000 url('../pics/bg-login.jpg') center center / cover no-repeat fixed; }
input { background: #fff; border: 1px solid rgba(0,0,0,0.2); }
input:focus { border-color: rgba(0,0,0,0.35); box-shadow: 0 0 0 4px rgba(0,0,0,0.06); }
input[type="checkbox"] { accent-color:#1db954; }
button[type="submit"] { background: #1db954; color: #fff; box-shadow:0 6px 14px rgba(0,0,0,0.12);  }
button[type="submit"]:hover { filter: brightness(1.05); }
button[type="submit"]:active { box-shadow: 0 4px 10px rgba(0,0,0,0.18); }

select { background: #fff; border: 1px solid rgba(0,0,0,0.2); }

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