:root{
--font-core:'Space Grotesk',system-ui,sans-serif; /* everything: display, body, UI */
--font-pixel:'Silkscreen',monospace; /* pixel accent: tiny labels, mascot speech, badges */
--font-logo:'Archivo Black',sans-serif; /* wordmark face — nearest match to the RALLY! logo letterforms */
/* scale */
--text-hero:64px; /* giant numbers */
--text-display:40px; /* screen titles, big stats */
--text-title:28px; /* section titles */
--text-lead:20px; /* prominent body */
--text-body:16px;
--text-small:13px;
--text-label:11px; /* uppercase micro labels */
--text-pixel:10px; /* Silkscreen renders best at 10/20/30px multiples */
/* weights */
--w-regular:400; /* @kind font */
--w-medium:500; /* @kind font */
--w-bold:700; /* @kind font */
/* details */
--tracking-label:.12em;
--leading-tight:1.02;
--leading-body:1.45;
}