/* ============================================================
   SITE DOC — RED/BLACK SITewide THEME (Sept 2026)
   Applied to all pages. Loads LAST so it overrides inline styles.
   ============================================================ */

/* ===== theme tokens ===== */
:root{
  --black:#121212;
  --black-soft:#1b1b1b;
  --black-card:#212121;
  --black-border:#3a3a3a;
  --red:#c8151a;
  --red-dark:#8f0f12;
  --red-bright:#e01e23;
  --gold:#c9b48f;
  --gold-dim:#a3906f;
  --gold-bright:#e0cfa8;
  --cream:#f5f2ee;
  --grey:#b6b6b2;
  --grey-dark:#7c7c78;
  --font-display:'Bebas Neue',sans-serif;
  --font-mono:'JetBrains Mono',monospace;
}

/* ===== remap legacy palette vars (old inline styles use these) ===== */
:root{
  --navy:#121212;
  --navy-light:#1b1b1b;
  --navy-dark:#0a0a0a;
  --red:#c8151a;
  --red-dark:#8f0f12;
  --blue:#c8151a;
  --blue-dark:#8f0f12;
  --green:#c9b48f;
  --white:#f5f2ee;
  --slate-light:#faf8f5;
  --slate-mid:#f0ede8;
  --slate-border:#e5e0d8;
  /* site-doc-theme.css vars */
  --sd-navy:#121212;
  --sd-navy-light:#1b1b1b;
  --sd-navy-dark:#0a0a0a;
  --sd-red:#c8151a;
  --sd-red-dark:#8f0f12;
  --sd-blue:#c8151a;
  --sd-blue-dark:#8f0f12;
  --sd-green:#c9b48f;
  --sd-white:#f5f2ee;
  --sd-slate-light:#faf8f5;
  --sd-slate-mid:#f0ede8;
  --sd-slate-border:#e5e0d8;
}

/* ===== layout helper ===== */
.wrap{max-width:1200px;margin:0 auto}

/* ===== NAVBAR (redblack chrome) ===== */
nav#nav,nav.sd-nav{
  position:sticky !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:1000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:18px 32px !important;
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(12px) !important;
  border-bottom:1px solid #e5e0d8 !important;
  font-family:'Inter',sans-serif;
}
.nav-brand{display:flex;align-items:center;gap:12px}
.nav-brand img{height:52px;width:auto;transition:height .3s}
.nav-brand-text{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:1px;color:#1a1a1a}
.nav-brand-text span{color:var(--red)}
nav#nav .nav-links{display:flex;gap:34px;align-items:center}
nav#nav .nav-links a{font-size:13px !important;font-weight:600 !important;letter-spacing:1px !important;text-transform:uppercase !important;color:#555 !important;transition:color .2s;position:relative;font-family:'Inter',sans-serif !important}
nav#nav .nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--red);transition:width .25s}
nav#nav .nav-links a:hover{color:#1a1a1a !important}
nav#nav .nav-links a:hover::after{width:100%}
nav#nav .nav-cta{background:var(--red) !important;color:#fff !important;font-size:12px !important;font-weight:700 !important;letter-spacing:1.5px !important;text-transform:uppercase !important;padding:12px 24px !important;border:1px solid var(--red) !important;border-radius:0 !important;transition:background .2s,color .2s}
nav#nav .nav-cta::after{display:none}
nav#nav .nav-cta:hover{background:transparent !important;color:var(--red) !important;transform:none !important}
nav#nav .mobile-toggle{display:none;background:none;border:none;color:#1a1a1a;font-size:24px;cursor:pointer}
@media(max-width:900px){
  nav#nav .nav-links{display:none}
  nav#nav .mobile-toggle{display:block}
  nav#nav .nav-links.mobile-open{display:flex !important;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:rgba(18,18,18,.98) !important;padding:20px !important;gap:20px !important;border-bottom:1px solid var(--black-border)}
  nav#nav .nav-links.mobile-open a{color:#f5f2ee !important}
  nav#nav .nav-links.mobile-open a:hover{color:#fff}
}

/* ===== BUTTONS ===== */
.btn-red{display:inline-flex;align-items:center;gap:10px;background:var(--red);color:#fff;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:15px 30px;border:1px solid var(--red);text-decoration:none;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
.btn-red:hover{background:var(--red-dark);border-color:var(--red-dark);transform:translateY(-2px);box-shadow:0 10px 30px rgba(200,21,26,.35)}
.btn-outline{display:inline-flex;align-items:center;gap:10px;background:transparent;color:#1a1a1a;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:15px 30px;border:1px solid #1a1a1a;text-decoration:none;transition:all .25s}
.btn-outline:hover{border-color:var(--red);color:var(--red);transform:translateY(-2px)}

/* ===== FOOTER (redblack chrome) ===== */
footer{background:var(--black) !important;border-top:1px solid var(--black-border) !important;padding:60px 24px 30px !important}
footer .wrap{max-width:1200px;margin:0 auto}
footer .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px}
@media(max-width:800px){footer .footer-grid{grid-template-columns:1fr 1fr}}
footer .footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}
footer .footer-brand img{height:48px}
footer .footer-brand-text{font-family:'Bebas Neue',sans-serif;font-size:18px;color:#f5f2ee}
footer .footer-brand-text span{color:var(--red)}
footer .footer-col h5,footer .footer-col h4{font-family:'JetBrains Mono','Inter',sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
footer .footer-col a{display:block;font-size:14px;color:var(--grey) !important;margin-bottom:12px;transition:color .2s,padding-left .2s}
footer .footer-col a:hover{color:#f5f2ee !important;padding-left:4px}
footer .footer-desc{font-size:14px;color:var(--grey-dark);line-height:1.7;max-width:280px}
footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid var(--black-border);flex-wrap:wrap;gap:16px}
footer .footer-bottom p{font-size:12px;color:var(--grey-dark)}
footer .footer-bottom .powered-by{display:flex;align-items:center;gap:8px}
footer .footer-bottom .powered-by img{height:20px;opacity:.4;transition:opacity .2s}
footer .footer-bottom .powered-by:hover img{opacity:.7}
footer a{text-decoration:none}
footer ul{list-style:none;margin:0;padding:0}

/* ===== BODY TEXT / HEADINGS alignment ===== */
h1,h2,h3,h4,h5,h6{font-family:'Bebas Neue',sans-serif}
::selection{background:var(--red);color:#fff}