/* ============================================================
   Highprime — NOIR theme (preview via ?theme=noir)
   Dark editorial: near-black paper, warm bone type, ember accent.
   Loaded AFTER style.css; overrides tokens + the few literals.
   ============================================================ */

:root {
  --paper: #131110;
  --paper-deep: #1b1815;
  --card: #1b1815;
  --ink: #f2ece1;
  --ink-soft: #c6bcab;
  --dim: #857b6b;
  --accent: #ff5a2e;
  --hairline: rgba(242, 236, 225, 0.14);
}

::selection { background: var(--accent); color: #131110; }

/* topbar CTA: light chip on dark */
.topnav-cta { background: var(--ink); color: #131110 !important; }
.topnav-cta:hover { background: var(--accent); color: #131110 !important; }

/* hero glow */
.hero {
  background:
    radial-gradient(900px 420px at 12% -10%, rgba(255, 90, 46, 0.12), transparent 65%),
    radial-gradient(700px 380px at 88% 8%, rgba(255, 90, 46, 0.05), transparent 60%);
}
.hl { text-decoration-color: color-mix(in srgb, var(--accent) 60%, transparent); }

/* letter: dark card, ember shadow */
.letter {
  box-shadow: 0 30px 80px -30px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 90, 46, 0.08);
}

/* engage: filled card flips to bone-on-dark */
.engage-card { border-color: var(--hairline); }
.engage-card--ink { background: var(--ink); color: #131110; }
.engage-card--ink .engage-label { color: #b3400f; }

/* inquiry section: deep panel instead of ink (ink is now light) */
.inquire { background: #0d0b0a; color: var(--ink); border-top: 1px solid var(--hairline); }
.inquiry-form input, .inquiry-form textarea {
  border-color: rgba(242, 236, 225, 0.22);
  color: var(--ink);
}
.inquiry-form input::placeholder, .inquiry-form textarea::placeholder { color: rgba(242, 236, 225, 0.4); }
.btn-submit { color: #131110; }
.btn-submit:hover { background: #ff6b42; }
.form-status { color: rgba(242, 236, 225, 0.75); }

/* floats */
.float-mail { background: var(--ink); color: #131110; }
.float-btn { box-shadow: 0 10px 28px -8px rgba(0, 0, 0, 0.7); }

/* stat pills on dark */
.pill-done { background: rgba(242, 236, 225, 0.1); color: var(--ink-soft); }

/* case stat + number strip get the ember */
.numberstrip-figure, .case-stat-figure { text-shadow: 0 0 44px rgba(255, 90, 46, 0.35); }