/* settings-toolbox — caller-specific tweaks on top of the shared
   `toolbox` primitive. Trigger + panel chrome live in toolbox.css. */

/* Section rows inside the panel. */
.settings-panel > div {
	margin-bottom: 0.75rem;
}

/* Switcher button — selected state. Inherits the global beveled button
   base from forms.css; swaps to a beveled accent so the selected choice
   reads against the chrome bg without breaking the bevel. */
.settings-panel button[aria-pressed='true'] {
	color: var(--fill-primary);
	background: var(--accent);
	background: linear-gradient(
		to bottom,
		color-mix(in oklch, var(--accent) 80%, white) 0%,
		var(--accent) 100%
	);
	border-color: color-mix(in oklch, var(--accent) 70%, black);
}