@import url("https://fonts.googleapis.com/css2?family=Anton&family=Permanent+Marker&family=Inter:wght@400;500;600;700;800&display=swap");

:root{
  --font-display:"Anton",Impact,"Arial Narrow",sans-serif;
  --font-script:"Permanent Marker",cursive;
  --font-body:"Inter",-apple-system,"Segoe UI",sans-serif;

  --text-display-xl:clamp(3.5rem,7vw,7rem);
  --text-display-lg:clamp(2.5rem,5vw,4.5rem);
  --text-display-md:clamp(1.75rem,3vw,2.75rem);
  --text-heading:1.375rem;
  --text-body-lg:1.125rem;
  --text-body:1rem;
  --text-small:0.8125rem;
  --text-label:0.75rem;

  --leading-tight:0.98;
  --leading-snug:1.15;
  --leading-normal:1.5;

  --tracking-tight:-0.02em;
  --tracking-normal:0;
  --tracking-wide:0.08em;
  --tracking-widest:0.22em;
}