/*
 * Design tokens — Linc & Veve.
 * Colors: SPEC.md §2.1. Type/spacing scale: extracted from designs/Homepage.dc.html.
 * This is the only file where raw hex colors should appear.
 */

:root {
	/* Color */
	--lv-black: #0d0d0d;
	--lv-charcoal: #2c2c2c;
	--lv-gold: #D4A62A;
	--lv-gold-light: #F2CF66;
	--lv-gold-deep: #A67C1B;
	--lv-gold-gradient: linear-gradient(135deg, #F2CF66 0%, #D4A62A 55%, #A67C1B 100%);
	--lv-cream: #f8f5f0;
	--lv-ink: #1a1a1a;
	--lv-white: #ffffff;
	--lv-error: #c0392b;
	/* --lv-gold-deep fails WCAG AA (3.49:1) as small text on --lv-cream —
	 * confirmed via axe-core, Prompt 13 QA. Same hue, darkened until it
	 * clears 4.5:1; only for gold-colored text specifically on cream
	 * backgrounds (small eyebrow/label/index text) — gold-deep itself is
	 * unaffected everywhere else (buttons, borders, dark backgrounds all
	 * already pass). */
	--lv-gold-deep-on-cream: #7a5c14;

	/* Font families */
	--lv-font-heading: 'Playfair Display', serif;
	--lv-font-body: 'Montserrat', sans-serif;
	--lv-font-script: 'Dancing Script', cursive;

	/* Type scale */
	--lv-h1-size: clamp(2.2rem, 5vw, 4rem);
	--lv-h2-size: clamp(1.9rem, 3.3vw, 2.8rem);
	--lv-h3-size: clamp(1.4rem, 2.1vw, 1.9rem);
	--lv-h4-size: 1.15rem;
	--lv-eyebrow-size: clamp(22px, 2.2vw, 26px);
	--lv-body-size: 16px;
	--lv-body-line-height: 1.7;
	--lv-small-size: 13px;
	--lv-label-size: 11px;
	--lv-label-tracking: .18em;
	--lv-btn-tracking: .08em;

	/* Spacing scale */
	--lv-space-xs: 8px;
	--lv-space-sm: 16px;
	--lv-space-md: 24px;
	--lv-space-lg: clamp(20px, 4vw, 48px);
	--lv-space-xl: clamp(32px, 5vw, 80px);
	--lv-space-2xl: clamp(44px, 6vw, 76px);
	--lv-space-3xl: clamp(72px, 10vw, 140px);

	/* Container widths */
	--lv-container-header: 1280px;
	--lv-container: 1180px;
	--lv-container-narrow: 780px;
}