/* ==========================================================================
   Pax HQ, flat. Load this right after hq.css.
   hq.css still carries the old noir look (Fraunces and EB Garamond, film
   grain, the gilded thread, gradient buttons, small letterspaced caps)
   because frozen /classic loads it and must not change. Every other page
   that loads hq.css loads this file too, so the agents, recruits and clients
   who open a public page see the same flat product Ryan sees in HQ.
   The law: hq/ARCHITECTURE.md rule 4 (Ryan, 10/15/26: "remove AI-like
   design... amazing, fun, and functional"). One family, Manrope, with real
   weight changes (800 for titles and figures, 650-700 for labels); labels in
   sentence case; flat brass for the one primary button with ink text on it.
   Gone on purpose: gradients, glows, frosted glass, grain, the gilded thread,
   hover lift, rise-ins, count-ups, pulsing dots.
   my.html carries its own copy of these tokens in its look block.
   ========================================================================== */

:root {
  --display: var(--sans);
  --serif: var(--sans);
  --btn-grad: #C9AC7E;
  --btn-hover: #D6BC92;
  --brasstext: linear-gradient(var(--brass), var(--brass));
  --brass-text: linear-gradient(var(--brass), var(--brass));
  --lift: none;
  --lift-hover: none;
  --raise-2: #221F1B;
  --line-2: rgba(235, 232, 224, .14);
  --brass-tint: rgba(201, 172, 126, .12);
  --brass-line: rgba(201, 172, 126, .32);
}

/* no film grain, no gilded thread */
body::after { content: none; }
.gild { display: none; }

::selection { background: rgba(201, 172, 126, .38); color: #FFF9EE; }

/* ---------- the shared pieces hq.css draws, flat ---------- */
.panel { box-shadow: none; }
.panel h2 { font-weight: 800; letter-spacing: -.005em; }
.panel h2 .cnt { font-weight: 500; }

.tile { box-shadow: none; }
.tile:hover { transform: none; box-shadow: none; }
.tile .n { font-weight: 800; letter-spacing: -.025em; }
.tile .l { font-size: .84rem; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--text-soft); }

.chip { text-transform: none; letter-spacing: 0; font-size: .74rem; }

.btn:hover, button.submit:hover, .callbtn:hover, .plus:hover { filter: none; background: var(--btn-hover); }
.btn:active { transform: none; }

.field label { font-size: .86rem; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--text-soft); }
.field input:focus, .field textarea:focus, .field select:focus { box-shadow: none; }

.err-card { box-shadow: none; }
.err-card h2 { font-weight: 800; }

/* the sign-off: plain words in the one family, not a script line */
.foot { font-style: normal; font-weight: 600; font-size: .88rem; color: var(--text-mute); }

/* the shared grid (leads-grid.js) injects its own rules after this file
   loads, so these carry one more selector to win */
body .lg-wrap { box-shadow: none; }