/* Portfolio Design System — Type. Boldness = size + weight of a clean grotesque.
   Clash Grotesk + General Sans are served from Fontshare (see tokens/fonts.css); No font binaries live in this project. */
:root{
  --font-display:"Clash Grotesk","General Sans",system-ui,sans-serif;
  --font-body:"General Sans",system-ui,sans-serif;

  --text-display-xl:clamp(3.5rem,9vw,8.75rem); /* 56 -> 140 */
  --text-display-l:clamp(2.75rem,6vw,5.5rem);  /* 44 -> 88 */
  --text-h1:clamp(2.25rem,4vw,3.5rem);         /* 36 -> 56 */
  --text-h2:clamp(1.5rem,2.6vw,2.25rem);       /* 24 -> 36 */
  --text-body-l:1.25rem;    /* 20 */
  --text-body:1.0625rem;    /* 17 */
  --text-small:0.875rem;    /* 14 */
  --text-label:0.78rem;     /* ~12.5 */

  --weight-regular:400;
  --weight-medium:500;
  --weight-bold:600;

  --leading-tight:0.95;
  --leading-snug:1.05;
  --leading-heading:1.1;
  --leading-body:1.6;

  --tracking-display:-0.03em;
  --tracking-heading:-0.02em;
  --tracking-label:0.14em;
}