:root {
	/* Tri nijanse plave: logo / izbornik / gornja traka */
	--sb-brand-bg: #0b2a55;
	--sb-bg: #143d7a;
	--top-bg: #1f5fbf;
	--top-text: #ffffff;

	/* Paleta */
	--pr-blue-50: #eff5fd;
	--pr-blue-100: #dbe8fa;
	--pr-blue-500: #2f6fd6;
	--pr-blue-600: #1f5fbf; /* primarna */
	--pr-blue-700: #184c99;
	--pr-blue-900: #0f2a52;
	--pr-text: #1e293b;
	--pr-muted: #64748b;
	--pr-border: #e2e8f0;
	--pr-bg: #f6f8fc;
	/* Sidebar (svijetla varijanta) */
	--sb-border: transparent;
	--sb-text: #c9d8ef;
	--sb-hover-bg: rgba(255, 255, 255, 0.08);
	--sb-hover-text: #ffffff;
	--sb-active-bg: rgba(255, 255, 255, 0.16);
	--sb-active-text: #ffffff;
	--sb-brand-text: #ffffff;
	--sb-mark-bg: #ffffff;
	--sb-mark-text: #143d7a;
	/* Tamnoplava varijanta sidebara: zamijeni gornje --sb-* ovim vrijednostima
       --sb-bg: linear-gradient(180deg, #0f2a52 0%, #1a4a8f 100%);
       --sb-border: transparent;
       --sb-text: #c9d8ef;
       --sb-hover-bg: rgba(255,255,255,.10);
       --sb-hover-text: #fff;
       --sb-active-bg: rgba(255,255,255,.18);
       --sb-active-text: #fff;
       --sb-brand-text: #fff;
       --sb-mark-bg: #fff;
       --sb-mark-text: #1f5fbf;
    */
}

html, body {
	font-family: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
	color: var(--pr-text);
}

body {
	background-color: var(--pr-bg);
}

a, .btn-link {
	color: var(--pr-blue-600);
}

	a:hover, .btn-link:hover {
		color: var(--pr-blue-700);
	}

.btn-primary {
	color: #fff;
	background-color: var(--pr-blue-600);
	border-color: var(--pr-blue-600);
}

	.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
		background-color: var(--pr-blue-700);
		border-color: var(--pr-blue-700);
	}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus,
.form-control:focus, .form-check-input:focus {
	box-shadow: 0 0 0 0.2rem rgba(31, 95, 191, 0.22);
}

.form-control:focus {
	border-color: var(--pr-blue-500);
}

.form-check-input:checked {
	background-color: var(--pr-blue-600);
	border-color: var(--pr-blue-600);
}

/* Logo oznaka (slovo P) */
.brand-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 0.55rem;
	background: var(--sb-mark-bg);
	color: var(--sb-mark-text);
	font-weight: 700;
	line-height: 1;
}