/* =====================================================================
 * Christensen Prosthodontics — brand tokens.
 *
 * Mapped 1:1 from design-systems/christensenpros.com/tokens/*.
 * Override-only file: do not write component CSS here.
 * ===================================================================== */

:root {
	/* Color — warm editorial palette */
	--color-bg-page: #FCFAF6;            /* ivory/50  */
	--color-bg-surface: #FFFFFF;
	--color-bg-subtle: #F3EEE5;          /* linen/100 */
	--color-bg-inverse: #6A2214;         /* warmed brick/800 */
	--color-brand-primary: #8F3320;      /* warmed brick/700 — actions (was #821B1D) */
	--color-brand-primary-hover: #742815;
	--color-brand-accent: #C9B081;       /* gold/400 — eyebrows on dark, fine rules */
	--color-text-primary: #171514;       /* ink/900 */
	--color-text-secondary: #5E554C;     /* taupe/700 */
	--color-text-inverse: #FCFAF6;
	--color-text-inverse-secondary: #C9B081;
	--color-border-default: #E8DDCF;     /* linen/200 */
	--color-border-strong: #C8B8A4;      /* taupe/300 */

	/* Type — IvyOra display serif + Forma DJR sans (Renovo aesthetic, Adobe Fonts kit fdp7nlg) */
	--font-display: "ivyora-display", Georgia, "Times New Roman", serif;
	--font-body: "forma-djr-deck", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	--fs-display-hero: clamp(2.625rem, 4.5vw + 1.25rem, 4.5rem);   /* up to 72px */
	--fs-display-section: clamp(1.875rem, 2vw + 1rem, 2.5rem);     /* up to 40px */
	--fs-eyebrow: 0.6875rem;                                       /* 11px */
	--ls-eyebrow: 0.22em;                                          /* ~+2.4px */
	--ls-display: -0.005em;

	--lh-display: 1.08;
	--lh-body: 1.625;

	/* Radii — "restraint is deliberate": buttons 2px, surfaces 4px max */
	--radius-xs: 2px;   /* buttons */
	--radius-sm: 4px;
	--radius-md: 6px;
	--radius-lg: 8px;
	--radius-pill: 999px;

	/* Shadows */
	--shadow-card: 0 8px 24px -8px rgba(23,21,20,.08);
	--shadow-lift: 0 16px 40px -16px rgba(23,21,20,.12);
}