/* ============================================================
   recruiter-preview.css
   Recolors the SHARED pdf-brand.css inner sheets (license, contents,
   chapter, teaser, closing) to the recruiter teal/gold/mint identity.

   Loaded ONLY on the recruiter preview pages, AFTER pdf-brand.css, so
   it overrides by cascade without editing the shared file — qa-guides
   stays completely untouched. The cover sheet (.rc-page) is already
   teal via recruiter-cover.css.

   Accent discipline (mirrors the storefront): deep teal for headings
   and bars, medium teal for small accents, and GOLD #FFD24A reserved
   for the buy CTA and a few pop details.
   ============================================================ */

/* Remap the pdf-brand palette. Safe to touch :root here because this
   stylesheet is only ever linked on recruiter preview pages. */
:root {
  --navy: #0F6E56;          /* brand dark: viewer bar, headings, chapter band, run-head */
  --navy-2: #0c5a46;
  --blue: #12A87B;          /* medium-teal accent: body-h3, eyebrows, gate kicker */
  --cyan: #12A87B;          /* teal accent: dots, dividers, toc numbers, callout rule */
  --ink: #21332D;           /* body text: dark teal-gray */
  --ink-soft: #4B6A60;      /* muted text */
  --line: #D8ECE3;          /* hairlines: soft mint */
  --line-strong: #BFE0D3;
  --callout: #E6F5EE;       /* callout background: mint tint */
}

/* the "desk" behind the sheets -> soft mint so the white pages sit on-brand */
body { background: #E4F3EC; }

/* --- teal surfaces need LIGHT text (would otherwise be teal-on-teal) --- */
.viewer-bar a { color: #BFF3E3; }
.viewer-bar a:hover { color: #fff; }
.print-btn { background: #FFD24A; color: #0F6E56; }
.print-btn:hover { background: #fff; }
.chapter-bar .eyebrow { color: #BFF3E3; }
.chapter-bar .eyebrow::before { background: #FFD24A; }

/* --- GOLD pop accents (buy CTA + key details), matching the storefront --- */
.closing-cta { background: #FFD24A; color: #0F6E56; }
.closing-cta:hover { background: #0F6E56; color: #fff; }
.closing-card { border-top-color: #FFD24A; }
.chapter-bar::after { background: #FFD24A; }
.chapter-bar .num { color: rgba(255,210,74,.32); }