/**
 * Header / menu color tokens (child theme).
 *
 * Divi Variable Manager also emits :root --gcid-* / --gvid-* used in section
 * Custom CSS. Keep these --iti-* hex values in sync when brand colors change.
 *
 * Client edit map (Divi Variable Manager → this file / freeForm):
 *   Primary (Navy)     → --gcid-primary-color / --iti-navy
 *   Secondary / Link   → --gcid-secondary-color / --iti-coral
 *   Heading / Ink      → --gcid-heading-color / --iti-ink
 *   Body text          → --gcid-body-color / --iti-text
 *   Paper              → --gcid-yv2a3g1zwa / --iti-paper
 *   Mist               → --gcid-mbioh1doaf / --iti-mist
 *   Mist Light         → --gcid-tr2lxhmeo5 / --iti-mist-2
 *   Muted              → --gcid-1lra1gylog / --iti-muted
 *   Navy Deep          → --gcid-h7yx4pee71 / --iti-navy-2
 *   Navy Soft          → --gcid-x4t270ho8l
 *   Coral Hover        → --gcid-dq391lx96b
 *   Coral Press        → --gcid-0q2tovtqwc / --iti-coral-3
 *   Teal               → --gcid-pbl2dp194s / --iti-teal
 *   Teal Ink           → --gcid-puz6t7q1w1 / --iti-teal-ink
 *   Content width      → --gvid-h6l3qgjp23
 *   Gutter 32px        → --gvid-6pemnomxba
 *   Pill radius        → --gvid-xyor972my1
 *   --iti-rule         → soft border; usually navy @ 10% opacity
 *   --iti-rule-white   → soft border on dark surfaces
 *
 * Form UI (theme.css newsletter WPForms) + nav CSS use --iti-* .
 * Section Design + freeForm prefer --gcid-* / --gvid-* with --iti-* fallbacks.
 *
 * Not controlled here (edit menu.css / mobile-nav.css):
 *   dropdown width, link padding, border-radius, breakpoints, Register shape.
 */

:root {
	--iti-navy: #0a1f3d;
	--iti-navy-2: #0e2647;
	--iti-coral: #ff6b4a;
	--iti-coral-3: #e9472b;
	--iti-teal: #2cd5c4;
	--iti-teal-ink: #0e8c7e;
	--iti-ink: #1a2540;
	--iti-text: #2b3650;
	--iti-paper: #ffffff;
	--iti-mist: #eef4fb;
	--iti-mist-2: #f6f9fd;
	--iti-muted: #6b7793;
	--iti-rule: rgba(10, 31, 61, 0.1);
	--iti-rule-white: rgba(255, 255, 255, 0.14);
}