/* Catyobi Studio — typography tokens
   Webfonts load from Google Fonts (see tokens/fonts.css) */
:root {
  --font-serif: 'DM Serif Display', Georgia, serif;
  --font-body:  'Inter', system-ui, sans-serif;
  --font-mono:  'Fira Mono', 'Courier New', monospace;

  /* Display / headings — DM Serif Display, weight 400 always */
  --text-h1: clamp(2.6rem, 5vw, 4rem);   /* line-height 1.1 */
  --text-h2: clamp(1.8rem, 3.5vw, 2.7rem); /* line-height 1.2 */
  --text-page-title: 42px;                /* subpage h1, line-height 1.1 */
  --text-card-title: 22px;                /* project titles, 1.2 */
  --text-item-title: 1.05rem;             /* small serif headings */

  /* Body — Inter 400/500 */
  --text-body-size: 15px;                 /* line-height 1.6–1.8 */
  --text-lead: 14.5px;
  --text-small: 13px;

  /* Mono labels — Fira Mono, uppercase, letterspaced */
  --text-eyebrow: 10px;    /* letter-spacing 0.14em, uppercase */
  --text-label: 0.65rem;   /* letter-spacing 0.1–0.12em */
  --text-nav: 11px;        /* letter-spacing 0.05em, lowercase */
  --text-pill: 10px;
  --text-btn: 0.75rem;     /* letter-spacing 0.05em */

  --leading-tight: 1.1;
  --leading-heading: 1.2;
  --leading-body: 1.65;
  --leading-loose: 1.8;
}