/**
 * Hyvä ↔ Aqua UI `.btn` token-collision fix (mgz Button blocks only).
 *
 * Both design systems ship a bare `.btn` class. Hyvä's compiled styles.css
 * declares `.btn { --btn-color: var(--color-fg) }`, hijacking the `--btn-color`
 * knob every mgz button reads:
 *
 * WHY it wins is NOT source order — corrected 2026-07-28 after measuring the
 * rendered `<head>` on https://hyva.localhost: Hyvä's `styles.css` is line 9,
 * ours are lines 14-18, so Hyvä loads BEFORE us. It wins because aqua-ui
 * declares `--btn-color` only on its MODIFIER classes (`.btn-primary`, …) and
 * never on the base `.btn` — so for a default button Hyvä's declaration is the
 * only one, and order never arbitrates. A TYPED button was never broken: both
 * sides declare at [0,1,0] and ours loads later.
 *
 *   aqua-ui.css:  --btn-bg: var(--btn-color, var(--color-base-200));
 *                 → with --btn-color forced to Hyvä's dark --color-fg (oklch 12.9%),
 *                   the background goes dark while --btn-fg stays base-content (dark)
 *                   ⇒ dark-on-dark, unreadable.
 *
 * Fix per css-override-contract (set-a-var, never a property hack): re-assert the
 * exact `--btn-color` knob aqua-ui intends, scoped under the mgz Button wrapper so
 * the selector is [0,2,0] and beats Hyvä's bare `.btn` [0,1,0]. Only `--btn-color`
 * is restored — Hyvä does NOT touch `--btn-fg` (verified: default button computes
 * --btn-fg = base-content, aqua's own value), so the fg chain already survives.
 *
 * Scoped to `.mgz-block-button` (container Button) + `.mgz-block-single-button`
 * (single-element Button, where the root element IS the `.btn`). Default first,
 * typed after (equal specificity → source order lets a typed button win).
 */

/* Default button (no colour modifier): aqua leaves --btn-color unset → base-200. */
.mgz-block-button .btn,
.mgz-block-single-button.btn {
	--btn-color: var(--color-base-200);
}

.mgz-block-button .btn-primary,
.mgz-block-single-button.btn-primary {
	--btn-color: var(--color-primary);
}

.mgz-block-button .btn-secondary,
.mgz-block-single-button.btn-secondary {
	--btn-color: var(--color-secondary);
}

.mgz-block-button .btn-accent,
.mgz-block-single-button.btn-accent {
	--btn-color: var(--color-accent);
}

.mgz-block-button .btn-neutral,
.mgz-block-single-button.btn-neutral {
	--btn-color: var(--color-neutral);
}

.mgz-block-button .btn-info,
.mgz-block-single-button.btn-info {
	--btn-color: var(--color-info);
}

.mgz-block-button .btn-success,
.mgz-block-single-button.btn-success {
	--btn-color: var(--color-success);
}

.mgz-block-button .btn-warning,
.mgz-block-single-button.btn-warning {
	--btn-color: var(--color-warning);
}

.mgz-block-button .btn-error,
.mgz-block-single-button.btn-error {
	--btn-color: var(--color-error);
}