/* ============================================================
   Auto Repair Sale — ar-fonts.css
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&family=Open+Sans:wght@400;500;600;700&display=swap');

/* ── TYPOGRAPHY SCALE ── */
.ar-display-1 { font-family: var(--ar-font-heading); font-size: clamp(3rem, 7vw, 5.5rem); font-weight: 900; line-height: 1.05; letter-spacing: -0.03em; }
.ar-display-2 { font-family: var(--ar-font-heading); font-size: clamp(2.2rem, 5vw, 4rem); font-weight: 800; line-height: 1.1; letter-spacing: -0.025em; }
.ar-h1 { font-family: var(--ar-font-heading); font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 700; line-height: 1.2; }
.ar-h2 { font-family: var(--ar-font-heading); font-size: clamp(1.5rem, 3vw, 2.2rem); font-weight: 700; line-height: 1.25; }
.ar-h3 { font-family: var(--ar-font-heading); font-size: clamp(1.2rem, 2.5vw, 1.6rem); font-weight: 600; line-height: 1.3; }
.ar-h4 { font-family: var(--ar-font-heading); font-size: 1.2rem; font-weight: 600; line-height: 1.35; }
.ar-body-lg { font-size: 1.1rem; line-height: 1.75; }
.ar-body { font-size: 1rem; line-height: 1.7; }
.ar-body-sm { font-size: 0.9rem; line-height: 1.65; }
.ar-caption { font-size: 0.8rem; color: var(--ar-text-light); }
.ar-label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.ar-lead { font-size: 1.15rem; line-height: 1.8; color: var(--ar-text-light); }