/* SNURRA TYPE — Clash Display (display/headings) + Satoshi (everything else).
   Desktop values on :root; the <=768px block below is the mobile step. */
:root{
--font-display:"Clash Display",Georgia,serif;
--font-body:"Satoshi",system-ui,-apple-system,sans-serif;

/* sizes — desktop */
--text-display:74px;
--text-h1:56px;
--text-h2:40px;
--text-h3:26px;
--text-h4:19px;
--text-lead:19px;
--text-body-size:17px;
--text-sm:15px;
--text-xs:12px;

/* line-height */
--leading-display:1.04;
--leading-h1:1.06;
--leading-h2:1.12;
--leading-h3:1.28;
--leading-body:1.6;
--leading-snug:1.45;

/* tracking */
--tracking-display:-.02em;
--tracking-h1:-.02em;
--tracking-h2:-.015em;
--tracking-h3:-.01em;
--tracking-body:.01em;
--tracking-eyebrow:.16em;

/* weight */
--weight-display:600;
--weight-bold:700;
--weight-medium:500;
--weight-body:400;

/* legacy alias kept for the locked hero */
--text-hero:var(--text-display)}

@media (max-width:768px){:root{
--text-display:38px;--text-h1:34px;--text-h2:28px;--text-h3:21px;--text-h4:17px;
--text-lead:17px;--text-body-size:16px;--text-sm:14px;--text-xs:11px;
--leading-display:1.08;--leading-h1:1.1;--leading-h2:1.18}}