/* ============================================================
   DCS AI — legacy page re-theme.

   ~29 company/legal/blog pages were built on a dark theme with a
   JetBrains-Mono chrome, while the corporate site is light. Those pages
   are almost entirely token-driven, so re-pointing their tokens at the
   corporate palette re-themes them coherently without rewriting markup.

   Loaded AFTER each page's own <style>, so these :root values win.
   ============================================================ */

/* ---- token set A: --bg / --surface / --text / --accent ---- */
:root{
  --bg:#ffffff;
  --surface:#f6f9ff;
  --surface-2:#eef4fe;
  --surface-3:#e3edfd;
  --border:#dbe5fb;
  --border-2:#c7d8f6;
  --text:#1b2333;
  --dim:#5d6675;
  --dimmer:#8a93a3;
  --accent:#2f6fed;
  --accent-2:#1e4fb0;
  --green:#0f9d63;
  --amber:#b45309;
  --red:#c0392b;
  --purple:#6d4aca;
}

/* ---- token set B: --ink / --fg / --line / --blue (trust-landscape) ---- */
:root{
  --ink:#ffffff;
  --ink-2:#f6f9ff;
  --ink-3:#eef4fe;
  --ink-4:#e3edfd;
  --line:#dbe5fb;
  --line-2:#c7d8f6;
  --fg:#1b2333;
  --muted:#5d6675;
  --blue:#2f6fed;
  --blue-2:#1e4fb0;
  --blue-deep:#0c2c63;
}

/* body/type alignment with the corporate shell */
html,body{
  background:#fff;
  color:#1b2333;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
}
body p,body li{color:#3d4658;}

/* links: the dark theme underlined everything in pale blue */
body a{color:#2f6fed;text-decoration:none;}
body a:hover{color:#1e4fb0;text-decoration:underline;}

/* the old page chrome is replaced by the canonical shell — neutralise any
   leftover rules so nothing double-renders or leaves a dark strip */
body > nav.top,body > footer:not(.dcsx-ftr){display:none !important;}

/* content width: the legacy pages used --maxw:820px, which is right for prose */
.wrap{max-width:var(--maxw,860px);margin:0 auto;padding:0 28px;}

/* cards and panels read as light surfaces now */
code,kbd,samp{background:#eef4fe;color:#1b2333;}
pre{background:#f6f9ff;border:1px solid #dbe5fb;color:#1b2333;}
hr{border:none;border-top:1px solid #dbe5fb;}

/* keep the canonical shell immune to legacy overrides */
.dcsx-hdr,.dcsx-ftr{color:#1b2333;}
.dcsx-hdr a,.dcsx-ftr a{text-decoration:none;}
.dcsx-hdr a:hover,.dcsx-ftr a:hover{text-decoration:none;}
.dcsx-cta{color:#fff !important;}
.dcsx-cta:hover{color:#fff !important;}

/* ---------- contrast repair ----------
   The dark theme hardcoded #d1d1d8 for body copy — pale grey chosen to sit on
   #0a0a0f. On white that is roughly 1.5:1 and fails WCAG AA badly. These
   selectors match the original specificity (and come later), so they win. */
body p,body li,body td{color:#3d4658;}
article .body p,article .body ul li,article .body ol li{color:#3d4658;}
article .body p strong,article .body ul li strong{color:#1b2333;}
table td,body table td{color:#3d4658;}

/* mono/eyebrow text and metadata were --dim/--dimmer on dark; the token
   override already re-points those, this just guards the hardcoded cases */
.byline .who .meta,.eyebrow{color:#5d6675;}

/* customers.html — honest-status panel replacing the fabricated proof art */
.cust-status{max-width:860px;margin:28px auto 0;padding:24px 26px;background:#f6f9ff;
  border:1px solid #dbe5fb;border-left:3px solid #2f6fed;border-radius:12px;}
.cust-status h2{margin:0 0 10px;font-size:17px;font-weight:700;color:#1b2333;letter-spacing:-.2px;}
.cust-status p{margin:0 0 10px;font-size:14px;color:#3d4658;line-height:1.65;}
.cust-status p:last-child{margin-bottom:0;}
