/* Moonscribe Font Duo by Lunara Mistrielle ✨
 * Display: Fraunces  ·  Body: Inter
 * MIT-licensed snippets — paste into your project.
 */

/* 1. Add to your <head> */
/*
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700;9..144,900&family=Inter:wght@400;500;700&display=swap" rel="stylesheet">
*/

:root {
  --font-display: "Fraunces", "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
}

body {
  font-family: var(--font-body);
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
  font-family: var(--font-display);
  font-weight: 700;
  font-optical-sizing: auto;
  letter-spacing: -0.02em;
}

h1 { font-size: clamp(2.5rem, 5vw, 4.5rem); line-height: 1.05; }
h2 { font-size: clamp(1.75rem, 3vw, 2.75rem); line-height: 1.15; }
h3 { font-size: 1.5rem; line-height: 1.25; }
