/* ---------------------------------------------------------------------
   BOOK BRAND — navy, grey and white. Used by every book page
   (The Purpose Palace, the book resources, the reader downloads, and
   the books to come). Add class="pp" to <body> and link this file
   AFTER styles.css. The coaching pages keep their orange.
     #000080  navy — headings, buttons, rules (the navy of the guides)
     #6B7480  grey — eyebrows, captions, quiet text
     #FFFFFF  white ground, #F4F5F8 pale grey panels
   Navy on white is 15.9:1; the grey is 4.7:1 on white — both pass AA.
   --------------------------------------------------------------------- */
body.pp {
  --brand:       #000080;
  --accent:      #000080;
  --accent-2:    #00005A;
  --accent-pale: #E9EAF3;
  --ink:         #0E1240;
  --ink-2:       #22264F;
  --slate:       #3F4552;
  --slate-2:     #6B7480;
  --line:        #E3E6EC;
  --line-2:      #C9CED8;
  --paper:       #FFFFFF;
  --paper-2:     #F4F5F8;
  --white:       #FFFFFF;
  background: #FFFFFF;
}

/* Warm greys hard-coded in styles.css, swapped for cool ones */
body.pp .site-footer               { background: #0E1240; color: #C9CED8; }
body.pp .footer-tagline           { color: #C9CED8; }
body.pp .site-footer a             { color: #E3E6EC; }
body.pp .site-footer a:hover       { color: #FFFFFF; }
body.pp .footer-bottom             { border-top-color: #2A2F5C; color: #A9B0BF; }
body.pp .section--ink              { background: #0E1240; color: #C9CED8; }
body.pp .section--ink .eyebrow     { color: #C9CED8; }
body.pp .section--ink .eyebrow::before,
body.pp .section--ink .eyebrow::after { background: #2A2F5C; }
body.pp .card                      { border-color: #E3E6EC; }
body.pp .card-tag, body.pp .eyebrow { color: #6B7480; }
body.pp .eyebrow::before,
body.pp .eyebrow::after            { background: #C9CED8; }
body.pp main a:not(.btn)           { color: #000080; }
body.pp .btn--ghost                { color: #000080; border-color: #000080; }
body.pp .btn--ghost:hover          { background: #000080; color: #FFFFFF; }
body.pp input:focus                { outline-color: #000080; border-color: #000080; }

/* Book tabs */
.tabs a.tab--pp                            { color: #000080; }
.tabs a.tab--pp:hover                      { color: #0E1240; }
.tabs a.tab--pp small                      { color: #6B7480; }
.tabs a.tab--pp[aria-current="page"]       { color: #0E1240; border-bottom-color: #000080; }
.tabs a.tab--pp[aria-current="page"] small { color: #000080; }

/* Reader gate panel on the book page */
.reader-gate { background: #F4F5F8; border-top: 3px solid #000080; }
.reader-gate .gate-inline { display: flex; flex-wrap: wrap; gap: .75rem; align-items: flex-end; margin-top: 1rem; }
.reader-gate .gate-inline .field { margin: 0; flex: 1 1 14rem; max-width: 20rem; }
.reader-gate .gate-inline .btn { flex: 0 0 auto; }