:root{
--font-display:'Kanit',sans-serif; /* headings: uppercase, italic, heavy — echoes the slanted logo */
--font-body:'Work Sans',sans-serif;
--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;
--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--text-5xl:64px;--text-6xl:88px;
--weight-body:400;--weight-medium:500;--weight-semibold:600;
--weight-heading:800;--weight-display:900;
--leading-tight:1.05;--leading-heading:1.15;--leading-body:1.6;
--tracking-heading:0.01em;--tracking-label:0.12em; /* labels/eyebrows: uppercase, wide */
}
body{font-family:var(--font-body);color:var(--text-body);background:var(--surface-page);}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-heading);font-style:italic;text-transform:uppercase;color:var(--text-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);}
a{color:var(--white);text-decoration-color:var(--jcs-red);text-decoration-thickness:2px;text-underline-offset:3px;}
a:hover{color:var(--jcs-red-hot);}