/* Combat Market theme override for the legal / policy pages.
   These documents were inherited from the previous codebase and shipped with a
   light paper + purple/lime palette. This file re-skins them to the Combat
   Market identity (black / combat red) without touching the legal copy or the
   document structure. Load it AFTER the page's own <style> block. */

:root {
  --ink: #FAFAFA;
  --ink-2: #0D0D0D;
  --paper: #000000;
  --paper-2: #050505;
  --purple: #FF1500;
  --purple-deep: #FF3D2A;
  --purple-soft: #1A1A1A;
  --purple-mist: #0D0D0D;
  --lime: #FF1500;
  --lime-deep: #CC1100;
  --muted: #9CA3AF;
  --line: #1A1A1A;
  --surface: #0D0D0D;
}

html, body {
  background: #000;
  color: #FAFAFA;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
}

h1, h2, h3, .marquee-track, .btn {
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif !important;
}

::selection { background: #FF1500; color: #fff; }

/* Page stage */
.stage-paper {
  background: radial-gradient(80% 50% at 50% 0%, #160300 0%, #000 60%, #000 100%);
  color: #FAFAFA;
}

/* Nav */
.nav-pill {
  background: #0D0D0Dcc;
  border: 1px solid #1A1A1A;
  box-shadow: 0 10px 30px -16px #000;
}
.nav-pill a[aria-label="Combat Market home"] { border-right-color: #1A1A1A !important; }
.nav-pill a:hover { color: #FF1500; }

/* Buttons */
.btn-ink { background: #FF1500; color: #fff; }
.btn[style*="var(--lime)"] { background: #FF1500 !important; color: #fff !important; }

/* Hero */
.tc-hero h1 .hl { background: #FF1500; color: #fff; }
.tc-meta span,
.tc-crumb a { background: #0D0D0D; border-color: #1A1A1A; color: #9CA3AF; }
.tc-crumb a:hover { background: #1A1A1A; color: #FAFAFA; }
.tc-hero .eyebrow a:hover { color: #FF1500; }

/* Bands */
.band { background: #0D0D0D; color: #FAFAFA; }
.band-lime { background: #FF1500; color: #fff; }
.ink-bg { background: #0A0A0A; color: #FAFAFA; }

/* Document card */
.tc-card,
.hub-card {
  background: #0D0D0D;
  border: 1px solid #1A1A1A;
  box-shadow: 0 24px 60px -32px #000;
}
.hub-card:hover { box-shadow: 0 32px 70px -30px #000; border-color: #2A2A2A; }
.hub-card.hub-core { background: #170300; border-color: #3A0D06; }
.hub-card.hub-core h2 { color: #FAFAFA; }
.hub-card.hub-core p { color: #9CA3AF; }
.hub-card.hub-core .num,
.hub-card.hub-core .go { color: #FF1500; }
.hub-card h2 { color: #FAFAFA; }
.hub-card p { color: #9CA3AF; }
.hub-card .num, .hub-card .go { color: #FF3D2A; }
.hub-intro { color: #C7CAD1; }
.hub-intro a { color: #FF3D2A; }

/* Table of contents */
.tc-toc a { color: #9CA3AF; }
.tc-toc a:hover { background: #1A1A1A; color: #FAFAFA; }
.tc-toc a::before { color: #FF3D2A; }

/* Body copy */
.tc-body { color: #C7CAD1; }
.tc-body h2, .tc-body h3 { color: #FAFAFA; }
.tc-body strong { color: #FAFAFA; }
.tc-body a { color: #FF3D2A; }
.tc-body .clause,
.tc-body h2 .num,
.tc-body ol.alpha li::before { color: #FF3D2A; }
.tc-body ul li::before { background: #FF1500; }
.tc-effective { background: #1A0300; color: #FF1500; border: 1px solid #3A0D06; }
.tc-effective span.dot { background: #FF1500; }

/* Contact block */
.tc-contact { background: #0D0D0D; border: 1px solid #1A1A1A; }
.tc-contact .eyebrow { color: #FF3D2A; }
.tc-contact a { color: #FAFAFA; }

/* Footer */
footer p { color: #9CA3AF; }
footer .legal { color: #6B7280; border-top-color: #1A1A1A; }
footer a:hover { color: #FF1500; }

/* Responsive nav: the inherited pill overflowed on small screens and pushed the
   login / signup actions off the viewport. Collapse the section links there. */
@media (max-width: 900px) {
  .site-nav { top: 10px; }
  .nav-pill { max-width: 100%; padding: 8px 8px 8px 12px !important; gap: 4px !important; }
  .nav-pill > div { display: none !important; }
  .nav-pill > a[href="/merchant/auth"] { margin-left: auto; padding: 8px 10px !important; }
  .nav-pill .btn { padding: 9px 14px !important; font-size: 13px !important; }
}
@media (max-width: 420px) {
  .nav-pill > a[href="/merchant/auth"] { display: none !important; }
}

/* Long unbroken strings (URLs, handles, mono samples) pushed the document card
   past the viewport on narrow screens. */
.tc-toc, .tc-body, .hub-card { min-width: 0; }
.tc-toc a, .tc-body a, .tc-body li, .mono { overflow-wrap: anywhere; word-break: break-word; }