/* ══════════════════════════════════════════════════════════════
   FORGE THEME — sitewide typography + color system override
   Applied sitewide per Casey 2026-04-18 directive. Loaded AFTER
   page-specific styles so these selectors win.

   Rules:
   - Display headings → Barlow Condensed 900 uppercase (FORGE core)
   - Eyebrows + labels → DM Mono uppercase w/ 0.22em tracking
   - Body + editorial accents → Cormorant Garamond italic (retained)
   - Primary CTA → orange #f04e00 (FORGE signature)
   - Brand gold #c8a84b retained as secondary accent
   ══════════════════════════════════════════════════════════════ */

:root {
  --forge: #f04e00;
  --forge-dark: #c43e00;
  --forge-muted: rgba(240, 78, 0, 0.12);
  --gold: #c8a84b;
}

/* ── Display headings → Barlow Condensed 900 uppercase ────────── */
h1:not(.audits-footer-logo):not(.simple-greeting):not(.forge-exempt),
h2:not(.audits-footer h4):not(.forge-exempt),
.dl-hero h1,
.pricing-hero h1,
.included-section h2,
.pipeline-section h2 {
  font-family: 'Barlow Condensed', 'DM Sans', sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.005em !important;
  font-style: normal !important;
  line-height: 0.94 !important;
}

/* Allow inline <em> in headings to stay Cormorant italic for editorial break */
h1 em, h2 em, h1 i, h2 i {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  text-transform: none !important;
  color: var(--forge) !important;
  letter-spacing: -0.01em !important;
}

/* Greeting + audit scores stay Cormorant italic — they're editorial moments */
.simple-greeting,
.score-hero,
.simple-score-num,
.simple-score-headline {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  text-transform: none !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
}

/* H3 stays, just regularized */
h3:not(.audits-footer h4):not(.forge-exempt) {
  font-family: 'Barlow Condensed', 'DM Sans', sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-style: normal !important;
  font-size: 16px !important;
}

/* ── Eyebrow/label → DM Mono uppercase ──────────────────────── */
.label,
.dl-eyebrow,
.section-eyebrow,
.hero-eyebrow,
.simple-section-title {
  font-family: 'DM Mono', monospace !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 11px !important;
}

/* ── FORGE orange accents layered on ─────────────────────────── */
/* Primary CTAs become orange (kept gold as secondary accent) */
.audits-nav-cta {
  background: var(--forge) !important;
  color: #fff !important;
  border-color: var(--forge) !important;
}
.audits-nav-cta:hover {
  background: var(--forge-dark) !important;
  border-color: var(--forge-dark) !important;
}

/* Gold-to-forge accent swap on bright-FORGE primary CTAs */
.cta-primary:not(.forge-exempt) {
  background: var(--forge) !important;
  border-color: var(--forge) !important;
  color: #fff !important;
}

/* Gold rule in FORGE brand gets an orange pair for variation */
.gold-rule {
  background: linear-gradient(90deg, var(--forge), var(--gold)) !important;
}

/* Subtle orange hover on footer links */
.audits-footer a:hover { color: var(--forge) !important; }

/* ── Dashboard section titles → Barlow Condensed ─────────────── */
.simple-section-title,
.score-ring-label,
.dl-section-title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-size: 13px !important;
}

/* ── Footer brand stays italic (editorial moment) ───────────── */
.audits-footer-logo,
.audits-footer-tagline {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
}
.audits-footer h4 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-style: normal !important;
}

/* ── Body copy stays DM Sans — no override ─────────────────── */