/*
 * Design tokens — :root custom properties.
 *
 * Values are sampled from the existing Gorman & Guerrero site so the new build
 * matches its established look & feel.
 *
 * ACCENT INTENT (read before introducing or reusing accent colors):
 *   WARM (cream / gold) — the primary brand voice. Display headings on dark
 *     grounds use --cream; --gold drives interactive accents (nav active state,
 *     icon circles, focus rings), with --gold-strong for hovers. Default accent.
 *   COOL (silver) — NEW to this build. Use --silver / --silver-line sparingly
 *     for cool structural touches (hairlines, dividers, subtle UI lines) where
 *     warm gold would read too heavy. It complements the warm accents; it does
 *     not replace them.
 */

:root {
	/* Core palette */
	--navy:        #1E222B;   /* primary dark ground / backgrounds */
	--navy-deep:   #151922;
	--navy-lift:   #282C34;   /* subtle lift: footer texture, hovers */
	--cream:       #CAB5A0;   /* display headings on dark */
	--gold:        #D1B58D;   /* interactive accent, nav active, icon circles */
	--gold-strong: #BFA06A;   /* darker gold for hovers */
	--beige:       #E1DAD2;   /* light section background */
	--parchment:   #C8B8A9;   /* feature-card texture base */
	--white:       #FFFFFF;
	--ink:         #1E222B;   /* body text on light backgrounds */
	--ink-soft:    #3A3F4A;
	/* NEW cool accent for this build */
	--silver:      #C5C9CE;   /* silver material: cards, icon discs */
	--silver-line: #9AA0A8;   /* cool hairlines / dividers */
	--silver-mist: #DDE1E4;   /* light cool section ground (cool answer to --beige) */
	--surface-card: #ECEFF1;  /* light silver card surface (lifts off --silver-mist) */

	/* Typography (confirm names from Divi, then change here only) */
	--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--font-body:    "Mukta", system-ui, -apple-system, "Segoe UI", sans-serif;

	/* Type scale — ONE step per role. Display/h2/h3 = serif headings;
	   h4 = small caps label; lead = intro paragraph; body/small/eyebrow = sans. */
	--fs-eyebrow: 0.8rem;   /* eyebrows + tiny UI labels */
	--fs-small:   0.9rem;   /* secondary / meta text */
	--fs-body:    1.05rem;  /* body copy */
	--fs-lead:    1.2rem;   /* lead paragraph / subtitle */
	--fs-h4:      1.2rem;   /* small caps section labels (sidebar / footer / cards) */
	--fs-h3:      clamp(1.25rem, 2vw, 1.6rem);
	--fs-h2:      clamp(2rem, 4vw, 3rem);
	--fs-display: clamp(2.75rem, 7vw, 6rem);
	--tracking-caps: 0.12em;

	/* Spacing */
	--space-1:.5rem; --space-2:1rem; --space-3:1.5rem; --space-4:2rem;
	--space-5:3rem; --space-6:4rem; --space-7:6rem; --space-8:8rem;

	/* Radii / layout / motion */
	--radius-pill: 999px;
	--radius-card: 4px;
	--radius-squircle: 46% 14% 46% 14% / 14% 46% 14% 46%;  /* asymmetric bio frame */
	--container: 1200px;
	--container-wide: 1400px;
	--ease: cubic-bezier(.2,.7,.2,1);
}