/* Tektur (display) + Geist Mono (labels/data) are the brand faces — they are the
   same two families the icon/thumbnail generator renders with, so the website,
   the shelf marks and the YouTube plates all read as one system. Both variable. */
@font-face{font-family:"Tektur";src:url("../assets/fonts/Tektur.ttf") format("truetype-variations");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("../assets/fonts/GeistMono.ttf") format("truetype-variations");font-weight:300 700;font-style:normal;font-display:swap}
:root{
--font-display:"Tektur","Space Grotesk","Segoe UI",system-ui,sans-serif;
--font-body:"Space Grotesk","Segoe UI","Roboto",system-ui,sans-serif;
--font-mono:"Geist Mono","IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;
--type-display-xl:52px;
--type-display-lg:40px;
--type-display-md:28px;
--type-display-sm:20px;
--type-body-lg:18px;
--type-body:16px;
--type-body-sm:14px;
--type-caption:12px;
--type-mono-lg:16px;
--type-mono:14px;
--type-mono-sm:12px;
--leading-tight:1.15;
--leading-body:1.55;
--leading-loose:1.75;
/* Display type is set uppercase and tracked open, the way the title plate does it */
--tracking-display:0.02em;
--tracking-kicker:0.34em;
--tracking-label:0.14em;
--tracking-body:0;
--tracking-tight:-0.01em;
}