:root{
/* ---- Families ---- */
--font-display:"Alegreya",Georgia,serif;                           /* headlines — warm humanist serif, sentence case */
--font-logo:"Rions",Georgia,serif;                                 /* the wordmark face; logo-adjacent use only */
--font-secondary:"Copperplate","Copperplate Gothic Light",serif;   /* eyebrows, labels, buttons */
--font-body:"Google Sans Flex","Google Sans",system-ui,sans-serif;         /* body & UI — 24pt optical */
--font-body-caption:"Google Sans Flex Caption","Google Sans Flex",system-ui,sans-serif;  /* below ~13px */
--font-body-display:"Google Sans Flex Display","Google Sans Flex",system-ui,sans-serif;  /* big numerals */
--font-mono:ui-monospace,"SF Mono",Menlo,monospace;                /* codes, booking references */

/* Alegreya is the chosen display face. Its 700 weight carries headlines; 500 is for
   sub-headings. It runs a touch smaller than Bitter at the same px, so display steps
   sit one notch larger and tracking returns to near-zero. */

/* ---- Sizes ---- */
--text-2xs:11px;
--text-xs:12px;
--text-sm:14px;
--text-base:16px;
--text-md:18px;
--text-lg:20px;
--text-xl:24px;
--text-2xl:30px;
--text-3xl:38px;
--text-4xl:48px;
--text-5xl:64px;
--text-6xl:84px;
--text-7xl:112px;

/* ---- Weights ---- */
--weight-light:300;
--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;

/* ---- Line heights ---- */
--leading-tight:1.0;    /* Alegreya display */
--leading-snug:1.15;
--leading-normal:1.5;
--leading-relaxed:1.65;

/* ---- Tracking. Wide letterspacing on small caps is a core brand signal. ---- */
--tracking-display:-0.004em;
--tracking-normal:0;
--tracking-wide:0.08em;
--tracking-wider:0.16em;
--tracking-widest:0.32em;   /* "K A L I P U T I H   B R A N D   I D E N T I T Y" */

/* ---- Composed roles ---- */
--type-display-1:var(--weight-bold) var(--text-7xl)/var(--leading-tight) var(--font-display);
--type-display-2:var(--weight-bold) var(--text-6xl)/var(--leading-tight) var(--font-display);
--type-display-3:var(--weight-bold) var(--text-4xl)/1.06 var(--font-display);
--type-heading-1:var(--weight-bold) var(--text-2xl)/1.14 var(--font-display);
--type-heading-2:var(--weight-medium) var(--text-xl)/1.2 var(--font-display);
--type-eyebrow:var(--weight-regular) var(--text-xs)/1.2 var(--font-secondary);
--type-label:var(--weight-medium) var(--text-sm)/1.2 var(--font-body);
--type-body:var(--weight-regular) var(--text-base)/var(--leading-relaxed) var(--font-body);
--type-body-sm:var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-body);
--type-caption:var(--weight-regular) var(--text-xs)/var(--leading-normal) var(--font-body-caption);
}