/* ==========================================================================
   DVCCN Readability Overrides
   Enqueue AFTER colors_and_type.css, site.css, pages.css, and
   dvccn-supplemental.css. Bumps body-copy token sizes for comfortable
   reading without touching the delivered design source files.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Type-scale token overrides
   These re-declare only the tokens that needed a nudge. Because the base
   styles in colors_and_type.css, site.css, and pages.css consume these
   tokens via var(), everything built on them scales up automatically.

   Original → New  (approximate px ranges, 360–1440vw):
     --fs-body:  16–18px  →  17–19px   (+1px across the range)
     --fs-small: 13–15px  →  14–16px   (+1px across the range)
     --fs-lead:  18–22px  →  19–23px   (+1px across the range)
     --fs-eyebrow: unchanged — uppercase tracking makes small sizes legible
     --fs-h4..h1: unchanged — headings are already comfortable
   -------------------------------------------------------------------------- */
/* ROOT-SIZE NOTE: Bricks sets html to 62.5% (1rem = 10px), but the delivered
   design's tokens were authored for a 16px root — so --fs-body rendered at
   ~62.5% scale (~11–12px body copy). THAT is the "text too small" bug. These
   values are expressed in rem relative to the 10px root so body copy lands at
   the intended size (1.7rem = 17px). Only body-copy tokens are corrected here;
   headings keep their current rendered size to avoid rescaling approved layout. */
:root {
  /* Body text — the primary lever. Everything using --fs-body (p, body,
     .lead-sermon__body p, .about-strip__body p, .give-banner p, etc.). */
  --fs-body:  clamp(1.6rem, 1.5rem + 0.25vw, 1.75rem);   /* ~16–17.5px @10px root */

  /* Small / caption — used by .caption, small, .dvccn-fb-fallback, meta lines. */
  --fs-small: clamp(1.35rem, 1.3rem + 0.15vw, 1.5rem);   /* ~13.5–15px */

  /* Lead / intro paragraphs — .lead, .page-hero p.lead, etc. */
  --fs-lead:  clamp(1.8rem, 1.7rem + 0.25vw, 2.05rem);   /* ~18–20.5px */
}

/* --------------------------------------------------------------------------
   Line-height insurance
   The base styles already apply --lh-body (1.6) to p and body, which is
   fine. A few component-specific rules in site.css / pages.css set their
   own tighter values on body-weight text. This block brings them back to
   at least 1.6 without touching any heading or display-text line-heights.
   -------------------------------------------------------------------------- */

/* Pillar body copy — site.css sets line-height:1.65 here already; leave it.
   Keeping this comment so the intent is clear if someone audits. */

/* Sermon-card meta and event-card meta use 13px with no explicit lh — now
   they use the bumped --fs-small and inherit the body line-height. */

/* Lead paragraph in page-hero — pages.css uses clamp(17px, 1.3vw, 20px)
   with no explicit line-height; it inherits --lh-body (1.6) from body.
   After the token bump that's fine; no override needed. */

/* .story__body p and .belief-row .right p already use lh:1.7 — leave them. */

/* --------------------------------------------------------------------------
   Facebook blurb explicit nudge
   .dvccn-fb-copy contains a plain <p> with no class; it already picks up
   the bumped --fs-body token above, so the "Potlucks, kids' crafts…" copy
   will render at ~17-19px automatically. The rule below is a belt-and-
   suspenders guard in case Bricks injects a wrapper that resets font-size,
   and also ensures the paragraph's line-height is generous enough for the
   wider column on desktop.
   -------------------------------------------------------------------------- */
.dvccn-fb-copy p {
  font-size: var(--fs-body);
  line-height: var(--lh-loose);   /* 1.75 — a touch more breathing room in
                                     the wide single-paragraph blurb column */
}

/* --------------------------------------------------------------------------
   .dvccn-fb-fallback
   The "Can't see the feed? Visit us on Facebook" line uses font-size:13px
   hardcoded in dvccn-supplemental.css. Now that --fs-small has moved to
   ~14–16px we can override it to match. Uses the token so future token
   changes propagate here too.
   -------------------------------------------------------------------------- */
.dvccn-fb-fallback {
  font-size: var(--fs-small);
}