/* ===========================================================================
   VRU Theme — Design Tokens
   Extracted 1:1 from the live Astra config (astra-settings) on 2026-06-04.
   These replace Astra's --ast-global-color-* variables and dynamic CSS.
   Adjust here once; everything inherits. No cache to purge.
   ========================================================================== */
:root {
	/* --- Color palette (was Astra global-color-palette) --- */
	--vru-color-primary:        #0170B9; /* ast-global-color-0  links, buttons, theme */
	--vru-color-primary-alt:    #1e67ab; /* ast-global-color-1  hover/secondary */
	--vru-color-heading:        #3a3a3a; /* ast-global-color-2  headings */
	--vru-color-text:           #4B4F58; /* ast-global-color-3  body text */
	--vru-color-bg:             #ffffff; /* ast-global-color-4  site background */
	--vru-color-surface:        #F2F5F7; /* ast-global-color-6  light surfaces */
	--vru-color-dark:           #424242; /* ast-global-color-7 */
	--vru-color-black:          #000000; /* ast-global-color-8 */
	--vru-color-link:           #0170B9;
	--vru-color-link-hover:     #fa462e; /* link-h-color */
	--vru-color-accent:         #fa462e; /* sale badges, on-sale price */
	--vru-color-border:         #e2e8ed;
	--vru-color-muted:          #7a7a7a; /* footer divider color */

	/* --- Typography (was Astra body/headings font settings) --- */
	--vru-font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--vru-font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--vru-fw-body:      400;
	--vru-fw-heading:   500;
	--vru-base-font-size: 18px;   /* Astra font-size-body desktop (was mistakenly 16px) */
	--vru-base-line-height: 1.85; /* ≈ Astra rendered body line-height (~1.857) */

	/* Responsive heading scale — desktop defaults (tablet/mobile in theme.css) */
	--vru-h1: 72px;
	--vru-h2: 40px;
	--vru-h3: 32px;
	--vru-h4: 24px;
	--vru-h5: 20px;
	--vru-h6: 14px;

	/* --- Layout (was site-content-width / boxed container) --- */
	--vru-content-width: 1200px;
	--vru-gutter: 20px;
	--vru-section-pad: 4em;

	/* --- Buttons (was theme-button-* ) --- */
	--vru-btn-bg:        #0170B9;
	--vru-btn-color:     #ffffff;
	--vru-btn-bg-hover:  #fa462e;  /* Astra button-bg-h-color — accent on hover */
	--vru-btn-color-hover: #ffffff;
	--vru-btn-radius:    3px;
	--vru-btn-py:        12px;  /* moderate; Astra's 18/30 was hero-CTA only and looked oversized on Woo buttons */
	--vru-btn-px:        26px;
}