/**
 * ALTCommerce — token bridge for dark mode
 *
 * When html[data-theme="dark"] is set (theme toggle / localStorage), these
 * overrides win over the plugin’s :root and @media (prefers-color-scheme)
 * rules so checkout and member UI match theme tokens from main.css.
 */

html[data-theme="dark"] {
	/* Brand — map to theme green scale */
	--altcommerce-color-primary: var(--green);
	--altcommerce-color-primary-hover: #00c853;
	--altcommerce-color-primary-active: #69f0ae;
	--altcommerce-color-primary-strong: var(--green-strong);
	--altcommerce-color-primary-soft: var(--green-strong);
	--altcommerce-color-primary-on-surface: var(--green);
	--altcommerce-color-primary-surface: var(--green-dim);
	--altcommerce-color-primary-rgb: 0, 230, 118;

	/* Surfaces — match theme surfaces */
	--altcommerce-ui-bg-elevated: var(--bg2);
	--altcommerce-ui-text: var(--text);
	--altcommerce-ui-heading: var(--heading);
	--altcommerce-ui-line: var(--line);
	--altcommerce-ui-line-strong: var(--line-strong);
	--altcommerce-ui-radius: var(--radius);
	--altcommerce-ui-card-shadow: var(--card-shadow);
	--altcommerce-ui-surface-raised: var(--surface-raised);
	--altcommerce-ui-surface: var(--surface);
	--altcommerce-ui-muted: #9ca3af;
	--altcommerce-ui-neutral-bg: #6b7280;
	--altcommerce-ui-green-border: var(--green-border);
	--altcommerce-ui-green-dim: var(--green-dim);
	--altcommerce-ui-amber: var(--amber);
	--altcommerce-ui-amber-dim: var(--amber-dim);
	--altcommerce-ui-amber-border: var(--amber-border);
	--altcommerce-ui-red: var(--red);
	--altcommerce-ui-red-dim: var(--red-dim);
	--altcommerce-ui-pain-border: var(--pain-border);

	/* Buttons — theme primary shadows */
	--altcommerce-ui-btn-shadow: var(--btn-primary-shadow);
	--altcommerce-ui-btn-shadow-hover: var(--btn-primary-shadow-hover);

	/* Sticky account nav — align with header offset from main.css */
	--altcommerce-ui-sticky-top-offset: var(--header-base, 56px);
}