/**
 * bagful-readability.css — Readability patch
 * Load AFTER bagful.css and bagful-enhance.css
 * No structural changes — contrast and font sizes only.
 * ────────────────────────────────────────────────────
 */

/* ════════════════════════════════
   TOKEN OVERRIDES
   Lifting ink opacities is the single biggest win.
   --ink50 is used for almost all body/secondary text.
════════════════════════════════ */
:root {
  --ink75:  rgba(234,238,246,0.86);   /* was 0.78 */
  --ink50:  rgba(234,238,246,0.70);   /* was 0.55 — primary secondary text */
  --ink30:  rgba(234,238,246,0.50);   /* was 0.38 — footer, labels, meta */
  --ink25:  rgba(234,238,246,0.36);   /* was 0.25 */
  --ink15:  rgba(234,238,246,0.24);   /* was 0.15 */

  /* Very slight background lift — takes the edge off the darkness
     without breaking the charcoal aesthetic */
  --bg:     #171b25;   /* was #14171f */
  --bg2:    #1c2130;   /* was #191d28 */
  --bg3:    #212638;   /* was #1e2233 */
  --panel:  #1e2334;   /* was #1c2030 */
}

/* ════════════════════════════════
   BASE
════════════════════════════════ */
body {
  line-height: 1.72;   /* was 1.6 */
}

/* ════════════════════════════════
   NAV
════════════════════════════════ */
.nav-links a {
  font-size: 14.5px;   /* was 13.5px */
}
.nav-drawer a {
  font-size: 15.5px;   /* was 15px */
}

/* ════════════════════════════════
   HERO
════════════════════════════════ */
.hero-desc {
  font-size: 18px;     /* was 17px */
}

/* ════════════════════════════════
   PAGE HERO (inner pages)
════════════════════════════════ */
.page-hero .lead {
  font-size: 18px;     /* was 17px */
}

/* ════════════════════════════════
   SERVICE CARDS
════════════════════════════════ */
.svc-desc {
  font-size: 14.5px;   /* was 14px */
}
.svc-title {
  font-size: 23px;     /* was 22px */
}

/* ════════════════════════════════
   PRICING
════════════════════════════════ */
.price-desc {
  font-size: 14px;     /* was 13.5px */
}
.price-features li {
  font-size: 14px;     /* was 13.5px */
}
.price-cycle {
  color: var(--ink50); /* was --ink30 */
  font-size: 12.5px;
}
.price-name {
  font-size: 12.5px;   /* was 12px */
}

/* ════════════════════════════════
   CTA STRIP
════════════════════════════════ */
.cta-strip p {
  font-size: 16px;     /* was 15px */
}

/* ════════════════════════════════
   DOMAIN SEARCH
════════════════════════════════ */
.search-sub {
  font-size: 15px;     /* was 14px */
}

/* ════════════════════════════════
   FAQ
════════════════════════════════ */
.faq-q {
  font-size: 16px;     /* was 15px */
}
.faq-a {
  font-size: 15px;     /* was 14px */
}

/* ════════════════════════════════
   PROCESS STEPS
════════════════════════════════ */
.step h3 {
  font-size: 17px;     /* was 16px */
}
.step p {
  font-size: 14px;     /* was 13px */
}

/* ════════════════════════════════
   RELATED CARDS
════════════════════════════════ */
.related-card h3 {
  font-size: 17px;     /* was 16px */
}
.related-card p {
  font-size: 14px;     /* was 13px */
  color: var(--ink75); /* was --ink50 */
}

/* ════════════════════════════════
   FOOTER
   Footer text was the worst offender — --ink30 on near-black.
════════════════════════════════ */
.foot-brand p {
  font-size: 14px;      /* was 13.5px */
  color: var(--ink50);  /* was --ink30 */
}
.foot-col h4 {
  color: var(--ink30);  /* was --ink15 */
}
.foot-col a {
  font-size: 14px;      /* was 13.5px */
  color: var(--ink50);  /* was --ink30 */
}
.foot-bot {
  font-size: 12.5px;    /* was 12px */
  color: var(--ink30);  /* was --ink15 */
}
.foot-links a {
  color: var(--ink30);  /* was --ink15 */
}