/* The Reading companions and Doctrine apps (bible, where-were-we,
 * verse-explorer, translations, understanding, doctrine, theological-triage)
 * in the site's shared look (shared/theme.css): white, black, Helvetica.
 *
 * Most of them were built on one cream stylesheet (--paper #f7f1e3, oxblood
 * and gold accents, Fraunces headings, letter-spaced capital labels, an
 * italic accent word in each title). Each page loads theme.css and then this
 * file after its own styles; this file resets what they share.
 *
 * Kept on purpose:
 *  - --read-sans, the system sans the Bible Companion reads in, stays the
 *    face of Scripture and running text in every app here (readability
 *    first); headings and labels are Helvetica (var(--sans)).
 *  - Hebrew and Greek keep their own faces ("SBL Hebrew", Times New Roman).
 *  - Colors that encode data: the triage tiers, the Bible's book sections in
 *    Every Word Entwined, the Bible Companion's resource kinds (--k-*), the
 *    red letters, the for/against scale in Understanding. Each app pins
 *    those in its own stylesheet; oxblood and gold as plain accents become
 *    the site blue.
 *  - The Bible Companion's dark mode (the reader's own toggle).
 */
:root {
  --paper: #ffffff;
  --paper-deep: #f4f4f2;
  --paper-edge: #d9d9d9;
  --paper-hi: #ffffff;
  --card: #fafafa;
  --surface: #ffffff;
  --field: #fafafa;
  --manila: #ffffff;
  --manila-deep: #f4f4f2;
  --ink: #111111;
  --ink-soft: #555555;
  --ink-faint: #767676;
  --hairline: #d9d9d9;
  --hairline-soft: #ececec;
  --rule: #d9d9d9;            /* Where They Stand's light rules (theme.css's --rule is ink) */
  --band: #f4f4f2;
  --focus: #1f3fd9;

  /* the old accents, now the one blue and its washes */
  --oxblood: #1f3fd9;
  --oxblood-soft: rgba(31, 63, 217, 0.08);
  --gold: #1f3fd9;
  --gold-soft: #e6eafb;
  --gold-wash: rgba(31, 63, 217, 0.07);
  --read: #b4bfee;            /* Where Were We's chapters already read */
  --select: rgba(31, 63, 217, 0.12);
  --hl: rgba(31, 63, 217, 0.06);
  --v-hover: rgba(17, 17, 17, 0.035);
  --v-hover-strong: rgba(31, 63, 217, 0.08);
  --shadow: rgba(17, 17, 17, 0.12);
}

/* The Bible Companion's dark reader: neutral grays, a light blue accent. */
:root[data-theme="dark"] {
  --paper: #141414;
  --paper-deep: #1c1c1c;
  --card: #1c1c1c;
  --surface: #202020;
  --field: #1c1c1c;
  --bar-bg: rgba(20, 20, 20, 0.94);
  --ink: #ececec;
  --ink-soft: #b4b4b4;
  --ink-faint: #8c8c8c;
  --oxblood: #9db0ff;
  --gold: #9db0ff;
  --gold-soft: #26304f;
  --select: rgba(157, 176, 255, 0.18);
  --hl: rgba(157, 176, 255, 0.1);
  --v-hover: rgba(255, 255, 255, 0.04);
  --v-hover-strong: rgba(157, 176, 255, 0.14);
  --shadow: rgba(0, 0, 0, 0.5);
}

body {
  background: var(--paper);
  background-image: none;
}

/* No capitals or letter-spaced labels anywhere (the site bar keeps its own). */
body *:not(.appnav, .appnav *),
body *:not(.appnav, .appnav *)::before,
body *:not(.appnav, .appnav *)::after { text-transform: none !important; letter-spacing: 0 !important; }

/* Titles are plain: no italic accent word. */
h1, h2, h3, .title, .wordmark, .page-title, .section-head, .verse-ref { font-family: var(--sans); }
h1 em, .title em, .wordmark em, .page-title em, .section-head em {
  font-style: normal !important;
  font-weight: inherit !important;
  color: inherit !important;
}
h1, .title, .wordmark { font-weight: 700; letter-spacing: -0.02em !important; }

/* Small labels that were letter-spaced capitals: plain small text. */
.kicker, .page-kicker, .section-kicker, .verse-kicker, .connections-heading,
.map-caption, .eyebrow {
  font-family: var(--sans);
  font-weight: 700;
  color: var(--ink);
}

/* Taglines and colophons upright; links in the one blue. */
.tagline, .colophon { font-style: normal; }
.colophon a { color: var(--blue); }

/* Changelog: Helvetica, plain heading, tabular dates. */
.changelog, .changelog h2, .changelog time { font-family: var(--sans); }
.changelog h2 { font-size: 0.8rem; font-weight: 700; color: var(--ink); }
.changelog time { font-variant-numeric: tabular-nums; }

/* Numbers that sit in columns line up. */
.count, .n, .verse-score, .book-val, .matrix td, .conn-votes, .cnt, .stat .val, time { font-variant-numeric: tabular-nums; }