/*
 * Commerce Studio X — platform bridge
 *
 * design-system.css is the single source of truth for color, radius, and
 * spacing (the --csx-* tokens, driven by the Customizer). The storefront
 * plugin already reads from it directly (see storefront.css, --qasf-*).
 *
 * The wider توب رست plugin family (x-commerce, customer-hub) ships with its
 * own, older variable names and hardcoded fallback colors so each plugin
 * still looks correct on its own when this theme isn't active. On a site
 * that *does* run this theme, this file aliases those names to the real
 * --csx-* values, so a single brand-color change in the Customizer reaches
 * wishlist/compare buttons, the free-shipping bar, and customer-account
 * pages too - not only the storefront sections.
 *
 * Additive only: no plugin file is modified, and nothing here breaks if a
 * given plugin isn't installed - the extra custom properties simply go
 * unused.
 *
 * @since 3.6.0
 */

:root {
	/* توب رست X – التجارة (wishlist, compare, quick view, shipping progress, balance cards) */
	--qx-primary: var( --csx-primary );
	--qx-secondary: var( --csx-secondary );
	--qx-accent: var( --csx-surface-alt );
	--qx-border: var( --csx-border );
	--qx-text: var( --csx-text );
	--qx-muted: var( --csx-muted );

	/* توب رست – مركز العملاء (login, addresses, checkout extras) */
	--qach-primary: var( --csx-primary );
	--qach-checkout-primary: var( --csx-primary );
	--qach-muted: var( --csx-muted );
}