/* VanStock Trade: shared site stylesheet for pages that don't embed their own
   CSS (legal pages, 404). Colour values mirror design-tokens/tokens.json. */

@font-face{font-family:'Archivo';font-weight:700;font-display:swap;src:url(/assets/fonts/Archivo-700.woff2) format('woff2');}
@font-face{font-family:'Archivo';font-weight:900;font-display:swap;src:url(/assets/fonts/Archivo-900.woff2) format('woff2');}
@font-face{font-family:'IBM Plex Sans';font-weight:400;font-display:swap;src:url(/assets/fonts/IBMPlexSans-400.woff2) format('woff2');}
@font-face{font-family:'IBM Plex Sans';font-weight:600;font-display:swap;src:url(/assets/fonts/IBMPlexSans-600.woff2) format('woff2');}

:root{
  --ink:#12151A; --ink-2:#1B2028; --line:#2A2F37;
  --paper:#F2F0EA; --muted:#9AA2AD; --amber:#FF8A1E; --amber-hover:#FFA954;
}
*{box-sizing:border-box;}
html{color-scheme:dark;}
body{margin:0;background:var(--ink);color:var(--paper);font-family:'IBM Plex Sans',system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;}
h1,h2,h3{font-family:'Archivo',system-ui,sans-serif;margin:0;line-height:1.2;}
a{color:var(--amber);text-decoration:none;} a:hover{color:var(--amber-hover);}
::selection{background:var(--amber);color:var(--ink);}
.wrap{width:100%;padding-left:clamp(20px,5vw,72px);padding-right:clamp(20px,5vw,72px);}
.muted{color:var(--muted);}
.pill{font-size:13px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);white-space:nowrap;}
.btn-primary{display:inline-block;padding:14px 24px;background:var(--amber);color:var(--ink);border:none;border-radius:6px;font-weight:600;font-size:15px;}
.btn-primary:hover{background:var(--amber-hover);color:var(--ink);}
.btn-secondary{display:inline-block;padding:14px 26px;background:transparent;color:var(--paper);border:1px solid var(--amber);border-radius:6px;font-weight:600;font-size:15px;}

/* Nav */
.site-nav{padding-top:24px;padding-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);}
.brand{display:flex;align-items:center;gap:10px;}
.brand b{font-family:'Archivo',sans-serif;font-weight:900;font-size:20px;letter-spacing:-0.01em;color:var(--paper);}
.brand i{font-style:normal;font-family:'Archivo',sans-serif;font-weight:700;font-size:20px;letter-spacing:-0.01em;color:var(--amber);}
.navlinks{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.navlinks a{font-size:14px;color:var(--muted);} .navlinks a:hover{color:var(--paper);}

/* Legal pages */
.legal{max-width:72ch;padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(48px,6vw,80px);}
.legal h1{font-size:clamp(32px,5vw,48px);font-weight:900;letter-spacing:-0.02em;margin-bottom:8px;}
.legal h2{font-size:22px;font-weight:700;margin:40px 0 12px;}
.legal h3{font-size:17px;font-weight:700;margin:24px 0 8px;}
.legal p,.legal li{color:var(--paper);}
.legal ul{padding-left:20px;} .legal li{margin-bottom:6px;}
.legal .updated{font-size:14px;color:var(--muted);margin:0 0 32px;}
.legal table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0 8px;display:block;overflow-x:auto;}
.legal th,.legal td{text-align:left;padding:10px 12px;border:1px solid var(--line);vertical-align:top;}
.legal th{background:var(--ink-2);font-weight:600;}
.legal .note{background:var(--ink-2);border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:6px;padding:14px 18px;font-size:14px;}

@media (max-width:820px){ .navlinks .hide-sm{display:none;} }