:root{
--bg:#0F1012;
--surface:#17181B;
--line:#26282D;
--text:#ECEAE4;
--muted:#8D9097;
--accent:#FF5A1F;
--live:#E5484D;
--ok:#3FB950;
--brand-twitch:#9146FF;
--brand-discord:#5865F2;
--brand-kick:#53FC18;
--brand-youtube:#FF0000;
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:24px;
--space-8:32px;
--space-10:40px;
--space-12:48px;
--space-16:64px;
--space-20:80px;
--space-24:96px;
--space-32:128px;
--font-heading:"Archivo","Arial",sans-serif;
--font-body:"Hanken Grotesk","Arial",sans-serif;
--font-mono:"IBM Plex Mono","Consolas",monospace;
--text-xs:0.8125rem;
--text-sm:0.9375rem;
--text-body:clamp(1.0625rem,1rem + 0.25vw,1.125rem);
--text-lead:clamp(1.0625rem,1rem + 0.35vw,1.25rem);
--text-h3:clamp(1.25rem,1.125rem + 0.6vw,1.5625rem);
--text-h2:clamp(1.5625rem,1.3125rem + 1.1vw,1.953125rem);
--text-h1:clamp(2.125rem,1.625rem + 2.4vw,3.375rem);
--radius-card:4px;
--radius-control:4px;
--max:1200px;
--max-narrow:720px;
--header-h:64px;
--stroke:1.5px;
--line-w:1px;
}