/* ============================================================
   Traders Reach — tr-theme.css  (shared theme layer)
   Loaded AFTER each page's inline <style>, with NO media query,
   so it overrides the per-page tokens at ALL widths (phone first).
   This is the single place to tune sitewide color + contrast.
   Phase 1: the contrast lift (keep accents + ink; push secondary
   text and borders forward so every page reads cleanly).
   ============================================================ */

:root{
  /* secondary text: #5C7177 (~4.8:1) -> #41555B (~6.9:1 on white) */
  --ink-soft: #41555B;
  /* borders/dividers: #E1E5E5 (near-invisible) -> #C4CBCC (clearly there) */
  --line: #C4CBCC;
}

/* Strengthen input/field edges everywhere they use the shared look.
   Soft enough to stay calm, dark enough to read as a real field. */
input, textarea, select{
  border-color: #8FA8AE;
}

/* Placeholder text a touch stronger so prompts are legible without shouting. */
input::placeholder, textarea::placeholder{
  color: #6E848A;
  opacity: 1;
}

/* ── Bottom bar: the create button reads "Post a Listing" (an item/service),
   distinct from "Post an Update to the Pulse." Tidy two-line wrap, accent. ── */
.tab.post .plabel{
  color:#149AAE;
  font-weight:700;
  line-height:1.04;
  max-width:80px;
  text-align:center;
  white-space:normal;
}

/* ── Eyebrow label + heading hierarchy (updated Jul 9) ─────────────────────
   Canonical model (tr-why-were-here.html): .kick is the Title-Case teal
   headline at 1.11rem/700 (tight tracking, NOT wide), and .csec h2 is the
   bold ink subhead at .99rem. This shared layer loads after each page's
   inline <style>, so THESE are the values that actually render sitewide —
   keep them equal to the model so every page reads identically.          ── */
.kick{
  font-family: var(--disp);
  font-size: 1.11rem;
  letter-spacing: -.005em;
  color: var(--accent);
  font-weight: 700;
  line-height: 1.16;
  display: block;
  margin-bottom: 4px;
  text-wrap: balance;
}
.csec h2{
  font-family: var(--disp);
  font-weight: 700;
  font-size: .99rem;
  line-height: 1.32;
  color: var(--ink);
  margin: 0 0 8px;
}

/* ── Shared narrative type kit (centralized Jul 9) ─────────────────────────
   These classes appear ONLY on the content/narrative pages (about, built-on-
   trust, the-difference, why-were-here, how-it-works, impact, river). They were
   each defined per-page inline and had drifted (e.g. .chero h1 1.28 vs 1.5,
   .cta .98 vs .86). Centralizing here — which loads last and wins — makes the
   model page (tr-why-were-here.html) the SINGLE definition, so every narrative
   page inherits one identical type system and can no longer drift.
   Verified via collision check: none of these class names are reused by forms,
   admin, listings, or dashboards, so this cannot affect a non-narrative page. ── */
.chero h1{
  font-family: var(--disp);
  font-weight: 400;
  color: #fff;
  font-size: 1.28rem;
  line-height: 1.18;
  margin-top: 6px;
  max-width: 300px;
}
.quote h3{
  font-family: var(--disp);
  font-style: italic;
  font-weight: 400;
  font-size: 1.18rem;
  line-height: 1.34;
  color: var(--ink);
}
.clead{
  font-family: var(--disp);
  font-weight: 400;
  font-size: 1.0rem;
  line-height: 1.46;
  color: var(--ink);
}
.cp{
  font-size: .98rem;
  line-height: 1.56;
  color: var(--ink-soft);
  margin-top: 10px;
}
.reassure .strong{
  font-weight: 700;
  color: var(--ink);
  font-size: .98rem;
  line-height: 1.4;
}
.cta{
  display: inline-block;
  margin-top: 15px;
  background: var(--accent);
  color: #fff;
  font-weight: 700;
  font-size: .98rem;
  padding: 13px 26px;
  border-radius: 13px;
  text-decoration: none;
}

/* ── App-bar wordmark (centralized Jul 9) ──────────────────────────────────
   ".capp .mark" (the "Traders Reach" wordmark in the top bar) had drifted to
   FIVE different sizes across 20 pages (1.05/1.08/1.10/1.12/1.18rem). Lock it
   to the 13-page majority so the wordmark is identical on every page. Note:
   this also governs tr-river-live.html (the gold file) — its bytes are
   untouched (md5 8f7c47d6) but its wordmark now renders at this shared size. ── */
.capp .mark{
  font-size: 1.08rem;
  font-weight: 500;
}