/**
 * SAR – globale Button-Varianten.
 *
 * Zentrale Stelle für zusätzliche, projektweite Buttons (analog zu Neves
 * .button-primary / .button-secondary). Verwendung wie gewohnt am Element:
 *   <a class="button button-grey">…</a>
 *   <a class="wp-block-button__link button-grey">…</a>
 *
 * Hinweis: Werte sind hier bewusst noch fest hinterlegt. Sie sind so
 * vorbereitet, dass sie später über CSS-Variablen (z. B. aus den SAR-Travel-
 * Einstellungen) steuerbar gemacht werden können.
 */

/* ── Grau, im Hover blau (Sekundär-Akzent des Themes) ── */
.button.button-grey,
.wp-block-button .wp-block-button__link.button-grey,
.button-grey {
	--sar-btn-grey-bg:       #999999;
	--sar-btn-grey-bg-hover: var(--nv-secondary-accent);
	--sar-btn-grey-color:    #ffffff;
	background-color: var(--sar-btn-grey-bg);
	border-color: var(--sar-btn-grey-bg);
	color: var(--sar-btn-grey-color);
}

.button.button-grey:hover,
.button.button-grey:focus,
.wp-block-button .wp-block-button__link.button-grey:hover,
.wp-block-button .wp-block-button__link.button-grey:focus,
.button-grey:hover,
.button-grey:focus {
	background-color: var(--sar-btn-grey-bg-hover);
	border-color: var(--sar-btn-grey-bg-hover);
	color: var(--sar-btn-grey-color);
}