/**
 * PSTV design tokens
 *
 * Every value here is lifted from the approved homepage artwork and the
 * Foundations artboard. Nothing in the rest of the theme hardcodes a colour or
 * a type size — change it here and it moves everywhere.
 */

@font-face {
	font-family: "Manrope";
	src: url("../fonts/manrope-var.woff2") format("woff2-variations");
	font-weight: 200 800;
	font-style: normal;
	font-display: swap;
}

:root {
	/* ---- Core palette ------------------------------------------------- */
	--pstv-navy: #172651;
	--pstv-blue: #0082cd;
	--pstv-ice: #e7f4fc;
	--pstv-sky: #bedcf0;
	--pstv-black: #000000;
	--pstv-paper: #ffffff;

	/* ---- Neutrals -----------------------------------------------------
	 * #7A8398 is deliberately absent. At 3.8:1 it fails AA at the 11-12px
	 * sizes it invites, and it kept getting reached for. Body copy stops at
	 * --pstv-grey; secondary meta stops at --pstv-grey-muted.
	 */
	--pstv-grey: #4a5673;          /* 7.4:1 on white */
	--pstv-grey-muted: #5c6478;    /* 5.9:1 on white */
	--pstv-border: #c7d0de;        /* pills, inputs, nav dividers */
	--pstv-hairline: #e2e7f0;      /* every 1px rule on white — one value only */
	--pstv-disabled-bg: #e2e7f0;
	--pstv-footer-rule: #4c4c4c;

	/* ---- Flavour palette ----------------------------------------------
	 * One hue owns each SKU across card, PDP accent, swatch and button.
	 * Each flavour carries a --*-text variant that clears 4.5:1 on white and
	 * a --*-solid variant that clears 4.5:1 behind white text. Orange is the
	 * one that needs them: #DE6833 is 3.4:1 either way.
	 */
	--pstv-raspberry: #75163d;
	--pstv-raspberry-pod: #813264;
	--pstv-raspberry-text: #75163d;
	--pstv-raspberry-solid: #75163d;

	--pstv-orange: #de6833;
	--pstv-orange-pod: #e06b2f;
	--pstv-orange-deep: #d9440f;
	--pstv-orange-text: #b4470f;
	--pstv-orange-solid: #d9440f;

	--pstv-cherry: #c0191d;
	--pstv-cherry-pod: #b2292e;
	--pstv-cherry-text: #c0191d;
	--pstv-cherry-solid: #c0191d;

	/* Set per product by pstv_flavour_style(); these are the fallbacks. */
	--pstv-flavour: var(--pstv-navy);
	--pstv-flavour-text: var(--pstv-navy);
	--pstv-flavour-solid: var(--pstv-navy);

	/* ---- Type ---------------------------------------------------------- */
	--pstv-font: "Manrope", "Helvetica Neue", Helvetica, Arial, sans-serif;

	--pstv-display: 300 clamp(2.5rem, 1.06rem + 4.6vw, 4.125rem) / 1.04 var(--pstv-font);
	--pstv-display-ls: -0.015em;

	--pstv-section: 300 clamp(2.25rem, 1.4rem + 2.7vw, 3.375rem) / 1.1 var(--pstv-font);
	--pstv-section-sm: 300 clamp(2.125rem, 1.5rem + 2vw, 3.125rem) / 1.12 var(--pstv-font);

	--pstv-eyebrow-size: 0.8125rem;   /* 13 */
	--pstv-eyebrow-ls: 0.22em;
	--pstv-heading-size: 0.9375rem;   /* 15 — centred section headings */
	--pstv-heading-ls: 0.2em;

	--pstv-nav-size: 0.78125rem;      /* 12.5 */
	--pstv-nav-ls: 0.1em;

	--pstv-body-size: 0.96875rem;     /* 15.5 */
	--pstv-body-lh: 1.68;
	--pstv-body-lead: 1.03125rem;     /* 16.5 — hero paragraph */
	--pstv-meta-size: 0.75rem;        /* 12 */

	--pstv-btn-ls: 0.18em;
	--pstv-btn-size: 0.8125rem;       /* 13 */
	--pstv-btn-size-sm: 0.71875rem;   /* 11.5 */

	/* ---- Buttons — four sizes by role, never smaller than 44 ------------ */
	--pstv-btn-xl: 54px;   /* PDP add to cart — the one buy button on the page */
	--pstv-btn-lg: 52px;   /* hero primary */
	--pstv-btn-md: 50px;   /* section outline */
	--pstv-btn-sm: 44px;   /* card and grid CTAs — the floor */
	--pstv-pill: 40px;     /* desktop filter pills, the only control under 44 */
	--pstv-tap: 44px;      /* minimum interactive target anywhere */

	/* ---- Layout --------------------------------------------------------- */
	--pstv-container: 1240px;
	--pstv-gutter: 100px;
	--pstv-gutter-header: 44px;
	--pstv-gutter-mobile: 22px;

	--pstv-space-section: 92px;
	--pstv-space-lg: 62px;
	--pstv-space-md: 46px;
	--pstv-space-sm: 30px;
	--pstv-space-xs: 18px;
	--pstv-space-2xs: 12px;
	--pstv-space-3xs: 6px;

	--pstv-grid-gap: 30px;
	--pstv-grid-gap-tight: 3px;   /* when colour cards touch */

	--pstv-header-h: 76px;
	--pstv-announce-h: 38px;

	--pstv-radius: 999px;         /* the brand is fully-rounded or square */
	--pstv-radius-flat: 0;

	--pstv-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--pstv-dur: 0.22s;
}

@media (max-width: 1024px) {
	:root {
		--pstv-gutter: 40px;
		--pstv-space-section: 62px;
		--pstv-space-lg: 46px;
	}
}

@media (max-width: 767px) {
	:root {
		--pstv-gutter: var(--pstv-gutter-mobile);
		--pstv-gutter-header: 8px;
		--pstv-header-h: 62px;
		--pstv-announce-h: 32px;
		--pstv-space-section: 46px;
		--pstv-space-lg: 34px;
		--pstv-space-md: 26px;
		--pstv-grid-gap: 20px;
		--pstv-body-size: 0.90625rem;  /* 14.5 */
		--pstv-body-lead: 0.9375rem;   /* 15 */
	}
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--pstv-dur: 0.001s;
	}
}