:root{
  --font-heading: 'Fraunces', Georgia, serif;
  --font-body: 'Karla', -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
}
html, body{ font-family: var(--font-body); }
h1, h2, h3, h4, .brand, .stat-num{ font-family: var(--font-heading); font-weight: 600; letter-spacing: -0.01em; }
.recipe-card-cat, .ing-qty, .ing-unit, .comment-date, .status-badge, .recipe-card-meta{ font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.04em; }