/* Thalassophile Studio typography — exact stacks + scale from Figma */
:root{
--font-serif:'Newsreader',Georgia,serif;            /* display / editorial voice */
--font-body:'Mulish',-apple-system,sans-serif;       /* body copy */
--font-label:'Montserrat',-apple-system,sans-serif;  /* uppercase labels, nav, buttons */
--font-script:'Zeyada',cursive;                      /* handwritten accent (social) */
/* Scale (from the website frames) */
--text-hero:40px;          /* Newsreader Light 300 — hero taglines */
--text-display:46px;       /* Newsreader Light 300 — section headings, service names (italic) */
--text-quote:38px;         /* Newsreader Light 300 — editorial paragraphs */
--text-body-lg:24px;       /* Mulish Regular 400 — primary body */
--text-body-md:18px;       /* Mulish Regular 400 — card meta, secondary body */
--text-label-lg:20px;      /* Montserrat Medium 500 — section kickers, uppercase */
--text-label-md:18px;      /* Montserrat Medium 500 — link labels, uppercase */
--text-label-sm:14px;      /* Montserrat Medium 500 — nav, buttons, meta, uppercase */
--text-num:16px;           /* Newsreader Italic 400 — index numbers, dates */
/* Tracking */
--track-label:0.07em;      /* Montserrat labels/nav */
--track-meta:0.1em;        /* card meta + index numbers */
--track-wordmark:0.2em;    /* logotype lockups */
/* Line heights */
--leading-tight:1;         /* display + labels */
--leading-body:1.2;        /* meta rows, service descriptions */
}