/* Font binaries live in tokens/fonts.css (local TTFs, imported first from styles.css).
   No Google Fonts request needed. */

:root {
  /* Families — three strict jobs. The signature/monogram are PNG assets, never a font. */
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-ui: "Space Grotesk", -apple-system, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* Display (Cormorant) — tight leading, slight negative tracking */
  --display-xl: 700 82px/1.0 var(--font-display);   /* social hero title */
  --display-lg: 500 52px/1.02 var(--font-display);  /* cover / post headline */
  --display-md: 600 44px/1.05 var(--font-display);  /* section header */
  --display-sm: 600 33px/1.1 var(--font-display);   /* sub-section, in-frame head */
  --display-quote: italic 600 32px/1.2 var(--font-display); /* closing pull-quote */
  --display-tracking: -0.01em;

  /* UI + body (Space Grotesk) */
  --title-md: 700 22px/1.25 var(--font-ui);
  --title-sm: 600 19px/1.3 var(--font-ui);
  --body-lg: 400 22px/1.45 var(--font-ui);
  --body-md: 400 17px/1.5 var(--font-ui);
  --body-sm: 400 15px/1.55 var(--font-ui);
  --body-xs: 400 13px/1.55 var(--font-ui);
  --caption: 600 13px/1.4 var(--font-ui);
  --button-md: 600 16px/1.25 var(--font-ui);
  --eyebrow: 700 12px/1.3 var(--font-ui);
  --eyebrow-tracking: 0.2em;
  --kicker-tracking: 0.12em;

  /* Mono — tokens, hex, filenames, code */
  --mono-label: 500 12px/1.4 var(--font-mono);
  --mono-sm: 500 11px/1.4 var(--font-mono);
}