/* BuyModa Design Tokens — Phase A (BUY-838)
 * Token foundation + v8 forward-compat rules.
 * No widget edits, no JS, no Elementor data writes.
 */

:root {
	--c-amber:        #fe9900;
	--c-amber-dk:     #e58a00;
	--c-blue:         #4286f5;
	--c-purple:       #5d35b0;
	--g-accent:       linear-gradient(135deg, #4286f5 0%, #5d35b0 100%);
	--g-accent-soft:  linear-gradient(135deg, rgba(66,134,245,.12) 0%, rgba(93,53,176,.12) 100%);
}

/* Purple focus-visible outlines (universal selector, immediately visible) */
:focus-visible {
	outline: 3px solid var(--c-purple);
	outline-offset: 2px;
}

/* Eyebrow labels (v8 forward; no-op until Phase C class hook lands) */
.bm-eyebrow {
	display: inline-block;
	font-family: var(--f-body, inherit);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	background: var(--g-accent);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

/* .bm-link accent links + animated underline (v8 forward) */
.bm-link {
	position: relative;
	background: var(--g-accent);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	text-decoration: none;
}
.bm-link::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 1.5px;
	background: var(--g-accent);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .28s ease;
}
.bm-link:hover::after,
.bm-link:focus-visible::after {
	transform: scaleX(1);
}

/* Ghost button hover (v8 forward — .bm-ghost-btn; live class .bm-btn-ghost is left alone) */
.bm-ghost-btn:hover,
.bm-ghost-btn:focus-visible {
	color: var(--c-purple);
	border-color: var(--c-purple);
}

/* Links-hub hover (v8 forward — .bm-links-hub; live class .bm-linkhub is left alone) */
.bm-links-hub a:hover,
.bm-links-hub a:focus-visible {
	color: var(--c-purple);
}
.bm-links-hub a:hover::after,
.bm-links-hub a:focus-visible::after {
	color: var(--c-purple);
}

/* FAQ open state (v8 forward; covers common open-state class patterns) */
.bm-faq-item.is-open > .bm-faq-q,
.bm-faq-item.bm-open > .bm-faq-q,
.bm-faq-item[aria-expanded="true"] > .bm-faq-q {
	color: var(--c-purple);
}

/* Comparison table emphasis cells (v8 forward) */
.bm-compare-emph,
td.bm-emph,
th.bm-emph {
	color: var(--c-purple);
	font-weight: 700;
}