/* GENERATED by wb-listora/bin/build-layered-css.mjs from buddyx.css — do NOT edit. */
@layer listora {
 

:root.wp-theme-buddyx,
.wp-theme-buddyx {
	/* ── Accent / brand ───────────────────────────────────────── */
	--listora-primary:           var(--color-theme-primary, #ee4036);
	--listora-primary-hover:     var(--button-background-hover-color, var(--color-link-hover, #d32f2f));

	/* ── Backgrounds / surfaces ───────────────────────────────── */
	/* `--color-theme-body` is the page background. `--color-theme-white-box`
	   is BuddyX's elevated-surface token (cards, panels). `--global-body-lightcolor`
	   is the muted-bg variant. */
	--listora-bg-base:           var(--color-theme-body, #f7f7f9);
	--listora-bg-elevated:       var(--color-theme-white-box, #ffffff);
	--listora-bg-muted:          var(--global-body-lightcolor, #fafafa);
	--listora-bg-surface:        var(--color-theme-white-box, #ffffff);

	/* ── Text ─────────────────────────────────────────────────── */
	/* BuddyX free has --global-font-color for body text and per-tag
	   --color-h1..h6 for headings (typically all #111 by default).
	   `--listora-fg-strong` maps to heading color since that's the
	   visual contract — bold/heading text in Listora UI uses the
	   theme's heading palette. */
	--listora-fg-default:        var(--global-font-color, #505050);
	--listora-fg-strong:         var(--color-h2, var(--color-h1, #111111));
	/*
	 * fg-muted is NOT mapped to the theme's tagline colour.
	 *
	 * `--color-site-tagline` is a DECORATIVE colour, chosen to recede under a
	 * site title. Listora uses fg-muted for real information — tab labels,
	 * metadata, counts — and BuddyX's #757575 measured 4.41:1 on our card
	 * surfaces, under the 4.5:1 AA floor (BC 10208336512). Same reasoning as
	 * fg-faint below: Listora's own value is picked against the surfaces we
	 * actually paint. Brand and buttons still bridge to the theme.
	 */
	 

	/* ── Borders ──────────────────────────────────────────────── */
	/* BuddyX free emits one border token. Derive subtle (lighter mix
	   toward bg) and strong (darker mix toward fg) so Listora's
	   3-level border hierarchy works on this theme too. */
	--listora-border-default:    var(--global-border-color, #e8e8e8);
	--listora-border-subtle:     color-mix(in srgb, var(--global-border-color, #e8e8e8) 60%, var(--color-theme-white-box, #ffffff));
	--listora-border-strong:     color-mix(in srgb, var(--global-border-color, #e8e8e8) 65%, var(--global-font-color, #505050));

	/* ── Buttons ──────────────────────────────────────────────── */
	/* When blocks bind to button-specific tokens directly. BuddyX free
	   already publishes a complete button palette via --button-* — map
	   straight through. */
	--listora-button-bg:         var(--button-background-color, var(--listora-primary));
	--listora-button-bg-hover:   var(--button-background-hover-color, var(--listora-primary-hover));
	--listora-button-border:     var(--button-border-color, var(--listora-primary));
	--listora-button-border-hover: var(--button-border-hover-color, var(--listora-primary-hover));
}

 
 
:root[data-bx-mode="dark"],
[data-bx-mode="dark"] {
	/* ── Accent / brand ───────────────────────────────────────── */
	--listora-primary:           var(--bx-color-accent, var(--color-theme-primary, #ff6b6b));
	--listora-primary-hover:     var(--bx-color-button-bg-hover, var(--button-background-hover-color, #ff8585));




	/* ── Buttons ──────────────────────────────────────────────── */
	--listora-button-bg:         var(--bx-color-button-bg, var(--listora-primary));
	--listora-button-bg-hover:   var(--bx-color-button-bg-hover, var(--listora-primary-hover));
	--listora-button-border:     var(--bx-color-button-border, var(--listora-primary));
	--listora-button-border-hover: var(--bx-color-button-border-hover, var(--listora-primary-hover));
}

 
@media (prefers-color-scheme: dark) {
	:root[data-bx-mode="auto"],
	[data-bx-mode="auto"] {
		--listora-primary:           var(--bx-color-accent, var(--color-theme-primary, #ff6b6b));
		--listora-primary-hover:     var(--bx-color-button-bg-hover, var(--button-background-hover-color, #ff8585));




		--listora-button-bg:         var(--bx-color-button-bg, var(--listora-primary));
		--listora-button-bg-hover:   var(--bx-color-button-bg-hover, var(--listora-primary-hover));
		--listora-button-border:     var(--bx-color-button-border, var(--listora-primary));
		--listora-button-border-hover: var(--bx-color-button-border-hover, var(--listora-primary-hover));
	}
}

 
}