/* site-core: Elementor Global Color/Font bridge + light/dark tokens. Every PLCsea plugin's CSS reads var(--color-primary, fallback), etc. — this file is the ONE place that maps those names to whatever Elementor's Site Settings -> Global Colors/Fonts are actually set to. Change your brand palette in Elementor, every plugin updates automatically. */ :root { /* Elementor exposes its Global Colors as CSS variables scoped to the .elementor-kit-X class on (X = your site's kit ID) — these variable names are stable across Elementor sites/updates. */ --color-primary: var( --e-global-color-primary, #2f6fed ); --color-primary-hover: color-mix( in srgb, var( --color-primary ) 85%, black ); --color-text: var( --e-global-color-text, #1a2b3c ); --color-muted: var( --e-global-color-secondary, #6b7280 ); /* Elementor has no global "border/background/error/success" concept, so these stay sensible fixed neutrals — override via Site Core settings if you ever need to. */ --color-border: #e2e5ea; --color-bg: #ececec; --color-surface: #ffffff; --color-error: #d84040; --color-success: #1a7f5a; /* Font — same bridging idea. Falls back to a generic sans-serif if Elementor's variable isn't present (e.g. Elementor not active). */ --site-font: var( --e-global-typography-primary-font-family, "IRANYekanX", Tahoma, sans-serif ); } /* Apply the shared font site-wide only within elements that opt in — plugins reference var(--site-font) directly rather than this touching the whole page, to avoid fighting the theme's own typography choices anywhere Site Core isn't explicitly used. */