/* Falkensteiner — typography.
   ⚠ ALL THREE FAMILIES ARE SUBSTITUTIONS. No font binaries were supplied.
   Display  : thin wide-tracked geometric sans on site → Jost
   Body     : light transitional serif on site         → Cormorant Garamond
   UI/data  : no source precedent, intentional addition → Hanken Grotesk
   Replace the @import below with @font-face rules once real binaries arrive. */
/* TODO(guestbook): self-host these before the CSP lockdown and the Gotenberg PDF path.
   A CDN @import is blocked by a strict CSP and can silently fail inside the PDF
   renderer's container, changing the layout. Swap for local @font-face
   (technical-concept.md §15.3, open item 17). Kept as @import only to get the
   Phase-0 shell running. */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

:root{
  --font-display:'Jost','Futura','Century Gothic',sans-serif;
  --font-serif:'Cormorant Garamond','EB Garamond',Georgia,serif;
  --font-ui:'Hanken Grotesk','Helvetica Neue',Arial,sans-serif;
  --font-mono:ui-monospace,'SFMono-Regular',Menlo,monospace;

  /* Display — uppercase, light, wide. Marketing + screen titles. */
  --type-display-1:300 44px/1.12 var(--font-display);
  --type-display-2:300 32px/1.16 var(--font-display);
  --type-display-3:300 24px/1.2 var(--font-display);
  --tracking-display:.14em;

  /* Serif — editorial body, guest names, pull quotes. */
  --type-serif-lead:300 24px/1.45 var(--font-serif);
  --type-serif-body:400 17px/1.55 var(--font-serif);
  --type-serif-name:500 18px/1.3 var(--font-serif);

  /* UI grotesk — tables, labels, forms, everything operational. */
  --type-ui-lg:500 16px/1.4 var(--font-ui);
  --type-ui-base:400 14px/1.45 var(--font-ui);
  --type-ui-sm:400 13px/1.4 var(--font-ui);
  --type-ui-xs:500 11px/1.3 var(--font-ui);
  --type-ui-num:500 14px/1.4 var(--font-ui);

  /* Label — uppercase micro-caps, the brand's signature tracking. */
  --type-label:600 11px/1.3 var(--font-ui);
  --tracking-label:.10em;
  --tracking-label-wide:.18em;
  --tracking-tabular:0;
}