/**
 * Design tokens. Colors sampled directly from desgin-all.jpg.
 */

:root {
	/* Brand — the values Alston supplied, exact, do not adjust */
	--brand-red:   #E6151E;
	--brand-navy:  #202B56;

	/*
	 * Derived brand shades (interaction states): navy × 0.75, the same step
	 * the design preview used between its base and dark navy.
	 */
	--brand-navy-dark: #182040;

	/* Accent — certification/checkmark green, sampled from the collection JPGs */
	--accent-green: #6EA84F;

	/* Accent — warranty badge bronze/gold, sampled from the collection JPGs */
	--accent-bronze: #B98B2E;

	/* Ink */
	--ink:         #111111;
	--ink-muted:   #5A5A5A;  /* headings: darkened from the JPG's #8C8C8C for contrast */
	--ink-subtle:  #767676;
	--ink-invert:  #FFFFFF;

	/* Surface */
	--surface:     #FFFFFF;
	--surface-alt: #F6F6F6;
	--surface-warm: #F7F4EF;  /* the home page's warm panels (promo cards, proof strip) */
	--rule:        #D8D8D8;
	--rule-strong: #B0B0B0;

	/* Type */
	--font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
	--font-serif: 'Noto Serif', Georgia, 'Times New Roman', serif;

	--fs-xs:   0.6875rem;  /* 11px — spec labels */
	--fs-sm:   0.8125rem;  /* 13px — spec values, card meta */
	--fs-base: 0.9375rem;  /* 15px — body */
	--fs-lg:   1.125rem;
	--fs-xl:   1.5rem;     /* product title */
	--fs-2xl:  2rem;       /* section heading */
	--fs-3xl:  2.75rem;    /* CTA band */

	--lh-tight: 1.2;
	--lh-body:  1.6;

	--tracking-wide:  0.06em;
	--tracking-wider: 0.12em;

	/* Space — 4px base */
	--sp-1:  0.25rem;
	--sp-2:  0.5rem;
	--sp-3:  0.75rem;
	--sp-4:  1rem;
	--sp-5:  1.25rem;
	--sp-6:  1.5rem;
	--sp-8:  2rem;
	--sp-12: 3rem;
	--sp-16: 4rem;
	--sp-24: 6rem;

	/* Layout */
	--wrap:      1200px;
	--wrap-wide: 1440px;
	--gutter:    var(--sp-6);

	--header-h:        96px;
	--header-h-sticky: 64px;

	--ease: cubic-bezier(0.16, 1, 0.3, 1);
	--transition: 0.25s var(--ease);
}

@media (max-width: 767px) {
	:root {
		--fs-2xl: 1.5rem;
		--fs-3xl: 1.75rem;
		--gutter: var(--sp-4);
		--header-h: 64px;
	}
}