/* Nils Candles design tokens. Change brand values here only. */
:root {
	/* Colour */
	--nils-ivory: #F8F3EA;
	--nils-linen: #EFE6D8;
	--nils-sandstone: #D9C7AE;
	--nils-ember: #3B2A20;
	--nils-oak: #6B5444;
	--nils-burnt: #9A5B22;
	--nils-saffron: #C8893B;
	--nils-sage: #5E6B57;
	--nils-error: #A1372B;

	/* Type */
	--nils-font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--nils-font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--nils-fs-display: clamp(2.5rem, 1.6rem + 3.2vw, 4rem);
	--nils-fs-h1: clamp(2.125rem, 1.6rem + 1.9vw, 3rem);
	--nils-fs-h2: clamp(1.75rem, 1.4rem + 1.25vw, 2.375rem);
	--nils-fs-h3: clamp(1.375rem, 1.25rem + 0.5vw, 1.625rem);
	--nils-fs-body: 1rem;
	--nils-fs-small: 0.875rem;
	--nils-fs-eyebrow: 0.75rem;

	/* Space (4 px base) */
	--nils-s1: 4px;
	--nils-s2: 8px;
	--nils-s3: 12px;
	--nils-s4: 16px;
	--nils-s5: 24px;
	--nils-s6: 32px;
	--nils-s7: 48px;
	--nils-s8: 64px;
	--nils-s9: 96px;
	--nils-section-y: var(--nils-s9);
	--nils-gutter: 24px;
	--nils-max: 1280px;

	/* Shape and depth */
	--nils-radius-btn: 2px;
	--nils-radius-card: 4px;
	--nils-shadow-hover: 0 8px 24px rgba(59, 42, 32, 0.08);
	--nils-border: 1px solid var(--nils-sandstone);

	/* Motion */
	--nils-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--nils-fast: 200ms;
	--nils-slow: 400ms;
}

@media (max-width: 767px) {
	:root {
		--nils-section-y: 56px;
		--nils-gutter: 16px;
	}
}