/*
 * Neurowellness design tokens.
 * Every color, size, space, radius, shadow, width and motion value used by the
 * theme CSS comes from here. The Customizer overrides these variables (only the
 * ones you change) via inline CSS; nothing here needs editing by hand.
 *
 * Defaults match the original NeuroWellness design. Accessibility corrections
 * to the original are marked "A11Y".
 */
:root {
	/* ---- Brand: primary (Hot Orange) ---- */
	--ornwp-primary: #FF6F02;
	--ornwp-primary-100: #FFF1E6;
	--ornwp-primary-200: #FFDFC7;
	--ornwp-primary-300: #FFC89F;
	--ornwp-primary-400: #FFA15B;
	--ornwp-primary-500: #FF6F02;
	--ornwp-primary-600: #D95E02;
	--ornwp-primary-700: #B34E01;
	--ornwp-primary-800: #8C3D01;
	--ornwp-primary-900: #662C01;
	/* A11Y: orange as TEXT on light grounds (4.58:1 on surface, 4.97:1 on page bg). The pure brand orange is 2.3-2.5:1 there. */
	--ornwp-primary-text: #AD4B01;
	/* A11Y: orange as TEXT on the dark green (4.52:1). Pure orange is 3.56:1. */
	--ornwp-primary-on-dark: #FF9444;
	/* Text on solid primary fills: automatic best contrast (dark text, 5.9:1; white is only 2.8:1). */
	--ornwp-on-primary: #201F1D;
	/* Hover fill for solid primary buttons: lighter, so dark label text keeps >= 4.5:1. */
	--ornwp-primary-hover: #FF8C35;

	/* ---- Brand: dark (Sensational Green) ---- */
	--ornwp-dark: #074D32;
	--ornwp-dark-100: #E6EDEB;
	--ornwp-dark-200: #C8D8D2;
	--ornwp-dark-300: #A1BBB1;
	--ornwp-dark-400: #5E8B7A;
	--ornwp-dark-500: #074D32;
	--ornwp-dark-600: #06412B;
	--ornwp-dark-700: #053623;
	--ornwp-dark-800: #042A1C;
	--ornwp-dark-900: #031F14;
	--ornwp-on-dark: #F3F2F2;

	/* ---- Brand: accent (Garden Lime) ---- */
	--ornwp-accent: #489C09;
	--ornwp-accent-100: #EDF5E6;
	--ornwp-accent-200: #D7E9C9;
	--ornwp-accent-300: #B9D9A2;
	--ornwp-accent-400: #88BF5F;
	--ornwp-accent-500: #489C09;
	--ornwp-accent-600: #3D8508;
	--ornwp-accent-700: #326D06;
	--ornwp-accent-800: #285605;
	--ornwp-accent-900: #1D3E04;
	--ornwp-accent-text: #377707;

	/* ---- Ground, text, neutrals ---- */
	--ornwp-bg: #F3F2F2;
	--ornwp-surface: #EAE9E9;
	--ornwp-alt-bg: var(--ornwp-surface);
	--ornwp-text: #201F1D;
	--ornwp-text-muted: #605D5D;
	--ornwp-divider: color-mix(in srgb, var(--ornwp-text) 16%, transparent);
	--ornwp-neutral-200: #EAE7E7;
	--ornwp-neutral-300: #D7D3D3;
	--ornwp-neutral-400: #BAB6B6;
	--ornwp-neutral-700: #605D5D;
	--ornwp-neutral-800: #444141;
	--ornwp-white: #FFFFFF;

	/* ---- Semantic roles (Customizer "Footer, Banner and Text Colors" target these) ---- */
	--ornwp-link: var(--ornwp-primary-text);
	--ornwp-link-hover: var(--ornwp-primary-700);
	--ornwp-highlight: var(--ornwp-primary-text);
	--ornwp-highlight-on-dark: var(--ornwp-primary-on-dark);
	--ornwp-footer-bg: var(--ornwp-dark);
	--ornwp-footer-text: var(--ornwp-on-dark);
	--ornwp-footer-muted: var(--ornwp-neutral-300);
	/* A11Y: footer column headings were #9B9797 (3.43:1) on the green; now 4.94:1. */
	--ornwp-footer-heading: var(--ornwp-neutral-400);
	--ornwp-footer-hover: var(--ornwp-primary-on-dark);
	--ornwp-footer-line: rgba(243, 242, 242, 0.14);
	--ornwp-banner-bg: var(--ornwp-dark);
	--ornwp-banner-text: var(--ornwp-on-dark);
	--ornwp-focus: var(--ornwp-primary-text);
	--ornwp-danger: #9B1C1C;
	--ornwp-ok: #1F6B3A;
	--ornwp-field-border: color-mix(in srgb, var(--ornwp-text) 55%, transparent);
	--ornwp-plate-border: 6px;
	/* Minimum darkening under text that sits on photos (A11Y: the original gradients left white text on bright photo areas at 1.1-3:1). */
	--ornwp-scrim-min: 40%;
	--ornwp-scrim-hero: 93%;
	--ornwp-scrim-hero-phone: 94%;
	--ornwp-onphoto-bg: 90%;

	/* ---- Type ---- */
	--ornwp-font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--ornwp-font-body: "Lora", Georgia, "Times New Roman", serif;
	--ornwp-fs-base: 15px;
	--ornwp-lh: 1.55;
	--ornwp-heading-weight: 300;
	--ornwp-body-weight: 400;
	--ornwp-heading-lh: 1.08;
	--ornwp-heading-ls: -0.02em;
	--ornwp-eyebrow-size: 12px;
	--ornwp-eyebrow-ls: 0.2em;
	--ornwp-nav-size: 14px;

	/* Headline scales (Customizer percent sliders multiply these) */
	--ornwp-h1-scale: 1;
	--ornwp-h2-scale: 1;
	--ornwp-h1-lh: 1.08;
	--ornwp-underline-offset: 3px;
	--ornwp-h1-size: calc(clamp(40px, 5.6vw, 64px) * var(--ornwp-h1-scale));
	--ornwp-h2-size: calc(clamp(40px, 4.4vw, 60px) * var(--ornwp-h2-scale));
	--ornwp-h3-size: clamp(22px, 2vw, 28px);
	--ornwp-quote-size: clamp(24px, 2.6vw, 34px);
	--ornwp-lead-size: clamp(17px, 1.5vw, 20px);

	/* ---- Space ---- */
	--ornwp-space-1: 4.6px;
	--ornwp-space-2: 9.2px;
	--ornwp-space-3: 13.8px;
	--ornwp-space-4: 18.4px;
	--ornwp-space-6: 27.6px;
	--ornwp-space-8: 36.8px;
	--ornwp-section-scale: 1;
	--ornwp-section-y: calc(clamp(72px, 9vw, 128px) * var(--ornwp-section-scale));
	--ornwp-section-y-tight: calc(clamp(48px, 6vw, 88px) * var(--ornwp-section-scale));
	--ornwp-gutter: clamp(20px, 4vw, 48px);
	--ornwp-gap-lg: clamp(40px, 6vw, 96px);

	/* ---- Width ---- */
	--ornwp-container: 1280px;
	--ornwp-container-header: calc(var(--ornwp-container) + 80px);
	--ornwp-container-text: 760px;

	/* ---- Shape ---- */
	--ornwp-radius-scale: 1;
	--ornwp-radius-sm: calc(2px * var(--ornwp-radius-scale));
	--ornwp-radius-md: calc(4px * var(--ornwp-radius-scale));
	--ornwp-radius-lg: calc(7px * var(--ornwp-radius-scale));
	--ornwp-btn-radius: var(--ornwp-radius-md);
	--ornwp-btn-font-size: 15px;
	--ornwp-btn-pad-y: 11px;
	--ornwp-btn-pad-x: 20px;
	--ornwp-btn-pad-y-lg: 15px;
	--ornwp-btn-pad-x-lg: 28px;
	--ornwp-btn-weight: 600;
	--ornwp-tap-min: 44px;

	/* ---- Elevation ---- */
	--ornwp-shadow-sm: 0 1px 2px color-mix(in srgb, #2D2B2B 14%, transparent);
	--ornwp-shadow-md: 0 3px 10px color-mix(in srgb, #2D2B2B 16%, transparent);
	--ornwp-shadow-lg: 0 12px 32px color-mix(in srgb, #2D2B2B 22%, transparent);

	/* ---- Header ---- */
	--ornwp-logo-h: 38px;
	--ornwp-logo-h-footer: 42px;
	/* Invisible padding that grows the logo link to a 44px tap target without changing the header height. */
	--ornwp-logo-pad: max(0px, calc((var(--ornwp-tap-min) - var(--ornwp-logo-h)) / 2));
	--ornwp-header-py: 20px;
	--ornwp-mobilebar-h: 64px;

	/* ---- Motion ---- */
	--ornwp-ease: cubic-bezier(0.16, 0.8, 0.24, 1);
	--ornwp-dur-fast: 0.2s;
	--ornwp-dur: 0.4s;
	--ornwp-dur-slow: 0.8s;
	--ornwp-marquee-dur: 24s;

	/* ---- Fixed scale used by components (so nothing in the component CSS is a raw number) ---- */
	--ornwp-sp-4: 4px;
	--ornwp-sp-8: 8px;
	--ornwp-sp-10: 10px;
	--ornwp-sp-14: 14px;
	--ornwp-sp-16: 16px;
	--ornwp-sp-20: 20px;
	--ornwp-sp-24: 24px;
	--ornwp-sp-32: 32px;
	--ornwp-sp-40: 40px;
	--ornwp-sp-48: 48px;
	--ornwp-sp-64: 64px;
	--ornwp-fs-2xs: 11px;
	--ornwp-fs-xs: 12px;
	--ornwp-fs-sm: 14px;
	--ornwp-fs-md: 16px;
	--ornwp-fs-nav-mobile: 17px;
	--ornwp-fs-footer-cta: clamp(34px, 3.6vw, 48px);
	--ornwp-h1-base: clamp(40px, 5.6vw, 64px);
	--ornwp-h1-base-home: clamp(48px, 6.4vw, 88px);
	--ornwp-h1-base-lg: clamp(40px, 5.6vw, 72px);
	--ornwp-gap-header: clamp(16px, 2.4vw, 32px);
	--ornwp-gap-actions: clamp(12px, 1.6vw, 20px);
	--ornwp-gap-nav: clamp(14px, 2vw, 28px);
	--ornwp-footer-py: clamp(64px, 8vw, 112px);
	--ornwp-footer-extra: 120px;
	--ornwp-cta-min: 420px;
	--ornwp-col-min: 180px;
	--ornwp-col-min-sm: 120px;
	--ornwp-dropdown-w: 260px;
	--ornwp-toggle-w: 28px;
	--ornwp-tap-lg: 52px;
	--ornwp-mobile-panel-offset: 80px;
	--ornwp-link-min: 32px;
	--ornwp-bridge: 14px;
	--ornwp-c-12-2vw-24: clamp(12px, 2vw, 24px);
	--ornwp-c-20-4vw-32: clamp(20px, 4vw, 32px);

	/* ---- Layers ---- */
	--ornwp-z-dropdown: 40;
	--ornwp-z-header: 50;
	--ornwp-z-mobilebar: 60;
	--ornwp-z-skip: 100;
}

/* ==== GENERATED PAGE SCALE (from the Stage 2 builder): lengths and fluid sizes the page CSS refers to ==== */
:root {
	--ornwp-px-6: 6px;
	--ornwp-px-8: 8px;
	--ornwp-px-10: 10px;
	--ornwp-px-11: 11px;
	--ornwp-px-12: 12px;
	--ornwp-px-14: 14px;
	--ornwp-px-15: 15px;
	--ornwp-px-16: 16px;
	--ornwp-px-17: 17px;
	--ornwp-px-18: 18px;
	--ornwp-px-19: 19px;
	--ornwp-px-20: 20px;
	--ornwp-px-22: 22px;
	--ornwp-px-23: 23px;
	--ornwp-px-24: 24px;
	--ornwp-px-25: 25px;
	--ornwp-px-26: 26px;
	--ornwp-px-28: 28px;
	--ornwp-px-30: 30px;
	--ornwp-px-32: 32px;
	--ornwp-px-36: 36px;
	--ornwp-px-40: 40px;
	--ornwp-px-42: 42px;
	--ornwp-px-44: 44px;
	--ornwp-px-46: 46px;
	--ornwp-px-48: 48px;
	--ornwp-px-56: 56px;
	--ornwp-px-60: 60px;
	--ornwp-px-64: 64px;
	--ornwp-px-96: 96px;
	--ornwp-px-100: 100px;
	--ornwp-px-120: 120px;
	--ornwp-px-160: 160px;
	--ornwp-px-200: 200px;
	--ornwp-px-260: 260px;
	--ornwp-px-280: 280px;
	--ornwp-px-300: 300px;
	--ornwp-px-320: 320px;
	--ornwp-px-360: 360px;
	--ornwp-px-380: 380px;
	--ornwp-px-420: 420px;
	--ornwp-px-440: 440px;
	--ornwp-px-460: 460px;
	--ornwp-px-520: 520px;
	--ornwp-px-540: 540px;
	--ornwp-px-560: 560px;
	--ornwp-px-640: 640px;
	--ornwp-px-680: 680px;
	--ornwp-px-760: 760px;
	--ornwp-px-820: 820px;
	--ornwp-px-860: 860px;
	--ornwp-px-900: 900px;
	--ornwp-c-12-2vw-24: clamp(12px,2vw,24px);
	--ornwp-c-20-3vw-40: clamp(20px,3vw,40px);
	--ornwp-c-24-2-4vw-30: clamp(24px,2.4vw,30px);
	--ornwp-c-24-2-6vw-34: clamp(24px,2.6vw,34px);
	--ornwp-c-26-2-6vw-36: clamp(26px,2.6vw,36px);
	--ornwp-c-28-4vw-48: clamp(28px,4vw,48px);
	--ornwp-c-30-3vw-40: clamp(30px,3vw,40px);
	--ornwp-c-32-5vw-64: calc(clamp(32px,5vw,64px) * var(--ornwp-section-scale));
	--ornwp-c-32-5vw-72: calc(clamp(32px,5vw,72px) * var(--ornwp-section-scale));
	--ornwp-c-36-4vw-52: clamp(36px,4vw,52px);
	--ornwp-c-36-5vw-72: calc(clamp(36px,5vw,72px) * var(--ornwp-section-scale));
	--ornwp-c-40-5vw-64: calc(clamp(40px,5vw,64px) * var(--ornwp-section-scale));
	--ornwp-c-40-6vw-80: calc(clamp(40px,6vw,80px) * var(--ornwp-section-scale));
	--ornwp-c-40-6vw-88: calc(clamp(40px,6vw,88px) * var(--ornwp-section-scale));
	--ornwp-c-48-7vw-96: calc(clamp(48px,7vw,96px) * var(--ornwp-section-scale));
	--ornwp-c-56-7vw-96: calc(clamp(56px,7vw,96px) * var(--ornwp-section-scale));
	--ornwp-c-64-8vw-112: calc(clamp(64px,8vw,112px) * var(--ornwp-section-scale));
}