:root {

/* =========================
   YEV BRAND COLORS
   ========================= */

--yev-gold: #fed42a;
--yev-gold-deep: #e0bb25;

--yev-navy: #002161;
--yev-royal: #0141a2;
--yev-sky: #4a90e2;

--yev-blue-gradient: linear-gradient(135deg, #0141a2 0%, #002161 100%);


/* =========================
   UI NEUTRALS (SYSTEM)
   ========================= */

--ink: #14182f;
--ink-soft: rgba(20, 24, 47, 0.75);
--ink-faint: rgba(20, 24, 47, 0.45);

--muted: #5b6072;
--mist: #eef2f7;
--paper: #fdfbf5;
--silver: #cfd6e4;

--soft: rgba(255, 255, 255, 0.08);


/* =========================
   TYPOGRAPHY SCALE (FLUID)
   ========================= */

--fs-eyebrow: clamp(11px, 1.4vw, 13px);
--fs-h1: clamp(30px, 6vw, 52px);
--fs-h2: clamp(24px, 4vw, 38px);
--fs-lede: clamp(16px, 2.2vw, 20px);
--fs-body: clamp(15px, 1.6vw, 17px);


/* =========================
   SPACING SYSTEM (FLUID)
   ========================= */

--space-section: clamp(48px, 7vw, 90px);
--space-block: clamp(20px, 3vw, 36px);


/* =========================
   LAYOUT CONSTRAINTS
   ========================= */

--content-max: 1280px;


/* =========================
   HERO TYPOGRAPHY SCALE
   ========================= */

--fs-hero-h1: clamp(28px, min(6vw, 8.5vh), 52px);
--fs-hero-tagline: clamp(15px, min(2.4vw, 3.2vh), 22px);
--fs-hero-eyebrow: clamp(11px, min(1.6vw, 2vh), 14px);
--fs-hero-sub: clamp(13px, min(1.6vw, 2vh), 16px);

--hero-gap: clamp(12px, 2.2vh, 28px);

}