/* Gills design tokens — extracted from reference/tokens.json (see reference/DESIGN.md §3) */
:root {
	/* Colour */
	--g-red: #E30613;
	--g-red-dark: #B8050F;
	--g-red-tint: #FDE6E7;
	--g-ink: #111111;
	--g-text: #0A0A0A;
	--g-muted: #555555;
	--g-white: #FFFFFF;
	--g-black: #000000;
	--g-grey: #D9D9D9;
	--g-grey-light: #E9E9E9;
	--g-offwhite: #F4F4F2;
	--g-cream: #F9F3E6;
	--g-espresso: #1A0D08;
	--g-stat-card: rgba(255, 255, 255, 0.1);
	--g-on-dark: rgba(255, 255, 255, 0.85);
	--g-on-dark-muted: rgba(255, 255, 255, 0.75);
	--g-hero-overlay: linear-gradient(90deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.55) 40%, rgba(0,0,0,0) 75%);

	/* Type */
	--g-font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
	--g-font-body: "Poppins", ui-sans-serif, system-ui, sans-serif;
	--g-fs-h1: 60px;
	--g-fs-h2: 36px;
	--g-fs-h3: 24px;
	--g-fs-body: 16px;
	--g-fs-small: 14px;
	--g-fs-xs: 12px;

	/* Shape */
	--g-radius-pill: 9999px;
	--g-radius-card: 4px;
	--g-radius-panel: 12px;
	--g-radius-panel-lg: 16px;
	--g-shadow-card: 0 1px 2px rgba(0,0,0,.05);
	--g-shadow-elev: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);

	/* Layout */
	--g-container: 1200px;
	--g-gutter: 24px;
	--g-section-y: 80px;
	--g-gap: 24px;

	/* Map onto Blocksy's palette so Customizer-driven parts match */
	--theme-palette-color-1: var(--g-red);
	--theme-palette-color-2: var(--g-red-dark);
	--theme-palette-color-3: var(--g-muted);
	--theme-palette-color-4: var(--g-ink);
	--theme-palette-color-5: var(--g-grey-light);
	--theme-palette-color-6: var(--g-offwhite);
	--theme-palette-color-7: var(--g-white);
	--theme-palette-color-8: var(--g-white);
}