/* ============================================================
   AlgoProven — BRAND SYSTEM (single source of truth)
   Loaded on EVERY page AFTER its inline <style>, so these shared
   rules always win and every page looks identical. Page-specific
   rules stay inline. Edit shared look HERE, never per-page.
   ============================================================ */

/* ---- Self-hosted fonts (zero third-party) ---- */
@font-face{font-family:'Space Grotesk';src:url('/fonts/space-grotesk-400.woff2') format('woff2');font-weight:400;font-display:optional}
@font-face{font-family:'Space Grotesk';src:url('/fonts/space-grotesk-500.woff2') format('woff2');font-weight:500;font-display:optional}
@font-face{font-family:'Space Grotesk';src:url('/fonts/space-grotesk-700.woff2') format('woff2');font-weight:700;font-display:optional}
@font-face{font-family:'Space Mono';src:url('/fonts/space-mono-400.woff2') format('woff2');font-weight:400;font-display:optional}
@font-face{font-family:'Space Mono';src:url('/fonts/space-mono-700.woff2') format('woff2');font-weight:700;font-display:optional}

/* ---- Palette (candlestick green/red — what traders know) ---- */
:root{
  --bg:#0a0e17; --panel:#111726; --line:#1e2a44;
  --txt:#dbe4f5; --mut:#8295b5;
  --acc:#34d399; --green:#34d399; --red:#f6465d; --acc2:#60a5fa; --warn:#f6465d;
  --display:'Space Grotesk',-apple-system,'Segoe UI',sans-serif;
  --mono:'Space Mono',ui-monospace,Menlo,Consolas,monospace;
}

/* ---- Base ---- */
*{box-sizing:border-box}
body{background:var(--bg);color:var(--txt);font:16px/1.6 -apple-system,'Segoe UI',Roboto,sans-serif;margin:0}
.wrap{max-width:1000px;margin:0 auto;padding:0 24px}

/* ---- Type: Space Grotesk headings, Space Mono accents, sans body ---- */
h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.01em;line-height:1.18}
nav a,.badge,.eyebrow,.tg2,.spec-k,.stat,.mono,code,.step,.upd,.lbl,th,.bt,.tag{font-family:var(--mono)}

/* ---- Header (identical on every page) ---- */
header{padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;min-height:64px}
.logo,.logo:link,.logo:visited{font-weight:800;font-size:20px;letter-spacing:.4px;color:var(--txt);text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap}
.logo span{color:var(--acc)}
nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
nav a{color:var(--mut);text-decoration:none;font-size:13px;white-space:nowrap}
nav a:hover,nav a.on{color:var(--txt)}
.badge{font-size:12px;color:var(--mut);border:1px solid var(--line);padding:4px 10px;border-radius:20px;white-space:nowrap}

/* ---- Footer (identical on every page) ---- */
footer{border-top:1px solid var(--line);padding:24px 0;margin-top:56px;color:var(--mut);font-size:13px;text-align:center}
footer a{color:var(--mut)}

/* ---- Primary button baseline ---- */
button{font-family:inherit;cursor:pointer}