/* NHI design tokens. Source: brand files in "A - Branding" (vector logos) + @newhairimagepk.
   Gold #D4AF3A is the vector logo fill. Gold on white fails contrast for text: use --nhi-gold-ink
   for gold-coloured text on light backgrounds, and plain --nhi-gold only on --nhi-ink or as decoration. */
@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/montserrat-latin-wght-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	/* Colour */
	--nhi-ink: #111111;
	--nhi-ink-2: #1a1a1a;
	--nhi-ink-3: #2b2b2b;
	--nhi-gold: #d4af3a;
	--nhi-gold-ink: #8a6d12;
	--nhi-gold-soft: #f5edd2;
	--nhi-paper: #ffffff;
	--nhi-cream: #f8f5ee;
	--nhi-cream-2: #f1ece1; /* slightly darker cream band (home proof strip) */
	--nhi-line: #e6e0d2;
	--nhi-muted: #5c5850;
	--nhi-on-ink: #f4f1ea;
	--nhi-on-ink-muted: #b9b3a6;
	--nhi-whatsapp: #25d366;
	--nhi-whatsapp-ink: #0b3d2a;
	--nhi-whatsapp-hover: #1fbf5a;
	--nhi-focus: #d4af3a;
	--nhi-gold-hover: #e2c25c;
	--nhi-gold-rgb: 212 175 58; /* for rgb(var(--nhi-gold-rgb) / alpha) glows */
	--nhi-ink-deep: #0b0b0b; /* footer base, a shade under ink */
	--nhi-line-on-ink: rgba(244, 241, 234, 0.1);
	--nhi-line-on-ink-strong: rgba(244, 241, 234, 0.18);
	--nhi-surface-on-ink: rgba(244, 241, 234, 0.04);
	--nhi-glass: rgba(255, 255, 255, 0.82);
	--nhi-glass-solid: rgba(255, 255, 255, 0.96);
	--nhi-scrim: rgba(17, 17, 17, 0.55);
	--nhi-scrim-soft: rgba(17, 17, 17, 0.18);

	/* Type */
	--nhi-font: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--nhi-step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);
	--nhi-step-0: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
	--nhi-step-1: clamp(1.2rem, 1.1rem + 0.45vw, 1.35rem);
	--nhi-step-2: clamp(1.44rem, 1.27rem + 0.8vw, 1.75rem);
	--nhi-step-3: clamp(1.73rem, 1.45rem + 1.3vw, 2.3rem);
	--nhi-step-4: clamp(2.07rem, 1.62rem + 2vw, 3rem);
	--nhi-leading: 1.65;
	--nhi-leading-tight: 1.2;
	--nhi-weight-body: 400;
	--nhi-weight-strong: 600;
	--nhi-weight-head: 700;

	/* Space (4px base) */
	--nhi-space-1: 0.25rem;
	--nhi-space-2: 0.5rem;
	--nhi-space-3: 0.75rem;
	--nhi-space-4: 1rem;
	--nhi-space-5: 1.5rem;
	--nhi-space-6: 2rem;
	--nhi-space-7: 3rem;
	--nhi-space-8: 4.5rem;
	--nhi-space-9: 6rem;

	/* Shape */
	--nhi-radius-sm: 6px;
	--nhi-radius: 10px;
	--nhi-radius-lg: 18px;
	--nhi-radius-pill: 999px;
	--nhi-rule: 3px;
	--nhi-shadow: 0 1px 2px rgba(17, 17, 17, 0.06), 0 6px 18px rgba(17, 17, 17, 0.06);
	--nhi-shadow-lg: 0 2px 6px rgba(17, 17, 17, 0.05), 0 24px 56px -16px rgba(17, 17, 17, 0.22);
	--nhi-shadow-header: 0 1px 0 rgba(17, 17, 17, 0.06), 0 10px 30px -12px rgba(17, 17, 17, 0.18);

	/* Motion */
	--nhi-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--nhi-dur: 0.2s;

	/* Layout */
	--nhi-container: 1200px;
	--nhi-gutter: clamp(1rem, 3vw, 2rem);
	--nhi-header-h: 72px;
	--nhi-stickybar-h: 60px;
}