/**
 * [kam_theme_switch] — mali prekidac svetlo/tamno, isti oblik kao u mockapima
 * (traka sa dva "palca": Svetlo / Tamno). Koristi nove --kam-* tokene direktno,
 * tako da je i sam prekidac "living proof" da tokens.css radi.
 */

.kam-theme-switch {
	display: inline-flex;
	border: 1px solid var(--kam-line);
	border-radius: 20px;
	padding: 3px;
	cursor: pointer;
	background: var(--kam-canvas);
	gap: 2px;
}

.kam-theme-switch__opt {
	padding: 5px 10px;
	border-radius: 16px;
	font-size: 11.5px;
	font-weight: 600;
	color: var(--kam-muted);
	background: transparent;
	transition: background-color .15s, color .15s;
}

.kam-theme-switch[data-active="light"] .kam-theme-switch__opt--light,
.kam-theme-switch[data-active="dark"] .kam-theme-switch__opt--dark {
	background: var(--kam-surface);
	color: var(--kam-ink);
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
}