/**
 * GHHS theme design tokens
 * Single source of CSS custom properties derived from docs/ghhs-sample.css
 * (Elementor kit). Use in non-block templates and as reference for React apps.
 * Block editor uses theme.json; these vars stay in sync for consistency.
 */

:root {
	/* Colors — from ghhs-sample.css Elementor kit */
	--color-primary: #0F9EDA;
	--color-primary-dark: #0A90C7;
	--color-secondary: #606161;
	--color-text: #222222;
	--color-accent: #0A90C7;
	--color-accent-hover: #0976A4;
	--color-white: #FFFFFF;
	--color-bg-alt: #F5F5F5;
	--color-bg-light-blue: #F0FBFF;
	--color-dark-blue: #0B395D;
	--color-success: #23A455;
	--color-error: #E01616;
	--color-black: #000000;

	/* Typography — Source Sans 3 from kit */
	--font-body: "Source Sans 3", sans-serif;
	--font-heading: "Source Sans 3", sans-serif;
	--font-size-body: 18px;
	--font-size-body-line: 22px;
	--font-size-small: 0.9rem;
	--font-size-medium: 1.25rem;
	--font-size-large: 2rem;
	--font-size-h3: 3rem;
	--font-size-h2: 3rem;
	--font-size-h1: 4rem;
	--font-weight-normal: 400;
	--font-weight-bold: 700;
	--font-weight-black: 900;
	--line-height-primary: 3.5rem;
	--line-height-secondary: 2.5rem;

	/* Layout — match Elementor container */
	--container-max: 1300px;
	--radius-button: 20px;
}