/**
 * Paramour brand tokens — official header audit (quitox-child, paramour.services).
 * Phase 2A+ / 3F-a: consumed by pre-app assets; scoped under .paramour-pre-app-header-shell.
 *
 * @package Paramour_Pre_App
 */

:root {
	/* Quitox core (paramour.services) — pre-app mirrors these when theme CSS is absent */
	--tp-ff-body: 'Outfit', sans-serif;
	--tp-common-white: #ffffff;
	--tp-common-black: #151718;
	--tp-text-body: #62637d;
	--tp-grey-2: #e8f6ff;
	/* Kirki quitox_theme_color_* on paramour.services (template-helper.php) */
	--tp-theme-1: #333;
	--tp-theme-2: #ec4f6a;
	--tp-theme-3: #f0f0f0;

	--paramour-brand-primary: var(--tp-theme-2);
	--paramour-brand-nav-hover: var(--tp-theme-1);
	--paramour-brand-text: #333;
	--paramour-brand-nav-text: var(--tp-common-black);
	--paramour-ff-body: var(--tp-ff-body);
	--paramour-brand-on-primary: #fff;
	/* wp-content/assets/fonts/cooper-black.css */
	--paramour-font-display: 'Cooper Black', Georgia, serif;
	/* .tp-header__logo img on official site */
	--paramour-logo-height: 80px;
	--paramour-logo-width: 157px;
	--paramour-logo-height-mobile: 60px;
	--paramour-mobile-menu-logo-size: 60px;
	/* .paramour-menu-cta */
	--paramour-cta-radius: 5px;
	--paramour-cta-height: 55px;
	--paramour-cta-padding-x: 35px;
	--paramour-cta-font-size: 14px;
	--paramour-cta-hover-overlay: #000;
	/* .paramour-header-utility font-size (18px; 16px below 767px) */
	--paramour-utility-icon-size: 18px;
	--paramour-header-actions-gap: 30px;
	--paramour-header-utilities-margin-left: 35px;
	/* .tp-header__space-3 horizontal padding (mirrored) */
	--paramour-header-space-x: 185px;
	/* Mobile offcanvas flyout */
	--paramour-offcanvas-bg: #1b1b1b;
	--paramour-offcanvas-text: #fff;
	--paramour-offcanvas-border: rgba(255, 255, 255, 0.1);
	--paramour-offcanvas-width: 480px;
	--paramour-offcanvas-submenu-indent: 20px;
	--paramour-offcanvas-menu-margin-bottom: 50px;
	/* Sticky header */
	--paramour-header-sticky-shadow: 0 2px 55px rgba(168, 182, 218, 0.32);
	--paramour-sticky-offset: 0px;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
	:root {
		--paramour-header-space-x: 130px;
	}
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	:root {
		--paramour-header-space-x: 50px;
	}
}

/* Mid desktop — match paramour.services quitox-child (1240–1366). */
@media only screen and (min-width: 1240px) and (max-width: 1366px) {
	:root {
		--paramour-header-space-x: 30px;
		--paramour-header-utilities-margin-left: 15px;
		--paramour-cta-padding-x: 30px;
		--paramour-cta-font-size: 13px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	:root {
		--paramour-header-space-x: 30px;
		--paramour-header-utilities-margin-left: 10px;
		--paramour-cta-height: 45px;
		--paramour-cta-padding-x: 15px;
		--paramour-cta-font-size: 12px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	:root {
		--paramour-header-space-x: 15px;
	}
}

@media (max-width: 991px) {
	:root {
		--paramour-mobile-header-stack-gap: 10px;
	}
}

@media (max-width: 767px) {
	:root {
		--paramour-utility-icon-size: 16px;
		--paramour-cta-height: 45px;
		--paramour-cta-padding-x: 15px;
		--paramour-cta-font-size: 12px;
		--paramour-header-space-x: 0px;
		--paramour-offcanvas-width: 300px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	:root {
		--paramour-offcanvas-width: 400px;
	}
}