:root{
  color-scheme:dark;
  --c-bg:#101216;
  --c-surface:#171A1F;
  --c-surface-2:#1F2329;
  --c-line:#2B3038;
  --c-line-strong:#7A808A;
  --c-text:#F2F3F5;
  --c-text-dim:#A6ABB4;
  --c-brand:#E0202A;
  --c-brand-hover:#C8161F;
  --c-on-brand:#FFFFFF;
  --c-brand-text:#FF6A70;
  --c-gain:#3DD68C;
  --c-loss:#FF6E75;
  --c-warn:#FFC857;
  --c-ref:#CDD2DA;
  --c-focus:#FFFFFF;
  --f-display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --f-body:"Barlow",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --f-num:"Fira Code",ui-monospace,Consolas,monospace;
  --fs-h1:clamp(2.75rem,6.4vw,5.2rem);
  --fs-h2:clamp(1.9rem,4vw,3rem);
  --fs-h3:1.25rem;
  --fs-lead:1.1875rem;
  --fs-body:1.0625rem;
  --fs-small:0.9375rem;
  --lh-body:1.55;
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:16px;
  --sp-4:24px;
  --sp-5:40px;
  --sp-6:64px;
  --sp-7:88px;
  --radius:2px;
  --wrap:1240px;
  --gutter:clamp(16px,4vw,40px);
  --rail:56px;
  --rail-w:3px;
  --header-h:76px;
  --tap:44px;
}
@media (max-width:640px){
  :root{--rail:26px;--sp-7:72px;--header-h:68px}
}