/* ════════════════════════════════════════════════════════════════════
   DIFT v2 — Light design system
   Load AFTER all other DIFT stylesheets to override tokens.
   ════════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;1,14..32,300;1,14..32,400;1,14..32,500;1,14..32,600;1,14..32,700&family=Roboto:wght@300;400;500;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* ── Fonts ── */
  --font-display:  'Inter', system-ui, sans-serif;
  --font-body:     'Roboto', system-ui, sans-serif;
  --font-cc:       'Roboto', system-ui, sans-serif;
  --font-mono:     'JetBrains Mono', monospace;

  /* ── Light backgrounds ── */
  --dift-bg:       #F8F7F4;
  --dift-bg2:      #F1F0ED;
  --dift-surface:  #FFFFFF;

  /* ── Text scale ── */
  --dift-text:     #0F0F0E;
  --dift-text-2:   #4B4B48;
  --dift-text-3:   #636360;   /* was #88887F — lifted to 4.9:1 on #F8F7F4 (WCAG AA) */

  /* ── Borders ── */
  --dift-border:    rgba(0,0,0,0.08);
  --dift-border-md: rgba(0,0,0,0.13);

  /* ── DIFT brand gold — calibrated for light bg (WCAG AA) ── */
  --dift-gold:      #7E6B0C;
  --dift-gold-rgb:  126 107 12;
  --dift-gold-dim:  rgba(126,107,12,0.07);
  --dift-gold-line: rgba(126,107,12,0.20);
  --dift-gold-mid:  #6A5A0A;

  /* ── Refined per-product accents (light-bg optimized) ── */
  --leads-accent:    #7E6B0C;   /* warm gold */
  --rates-accent:    #17725A;   /* forest teal */
  --policies-accent: #2656A0;   /* professional blue */
  --close-accent:    #5E4A8C;   /* muted purple */
  --writeoff-accent: #9C3A18;   /* terracotta */

  /* ── Dark sections (footer, FAQ, CTA) ── */
  --dift-dark:   #0E0E0D;
  --dift-dark2:  #141412;
  --dift-dark3:  #1A1A18;
}

/* ── Body baseline ── */
body {
  background: var(--dift-bg);
  color: var(--dift-text);
  -webkit-font-smoothing: antialiased;
}

/* ── Remove all radial glow ::before halos site-wide ── */
.dift-hero::before,
.dift-sec.green-tint::before,
.dift-sec.dark::before,
.dift-cta-sec::before,
section.sec.dark::before,
footer.tfoot::before { display: none; }

/* ── Typography: Inter replaces Playfair everywhere ── */
.t1-h1, .t1-h2, .t1-h3,
.h1, .h2,
.dp-h1, .dp-h2,
.faq-q,
.faq-statement {
  font-family: var(--font-display);
  letter-spacing: -0.015em;
}

em { font-style: italic; }

/* ── Shared eyebrow / label: remove pill treatment ── */
.dp-eyebrow,
.sec-label,
.car-eyebrow {
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* ── Shared button baseline ── */
.btn, .t1-btn,
.dp-btn-p, .dp-btn-o,
.btn-dift-primary, .btn-dift-outline {
  font-family: var(--font-body);
}