:root {
    --font-ui: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-reading: "Source Serif 4", "Libre Baskerville", Georgia, serif;
    --font-scripture: "Cormorant Garamond", "Playfair Display", Georgia, serif;

    --text-xs: clamp(10px, 0.65vw, 12px);
    --text-sm: clamp(11px, 0.75vw, 14px);
    --text-base: clamp(16px, 0.95vw, 20px);
    --text-lg: clamp(18px, 1.15vw, 22px);
    --text-xl: clamp(22px, 1.7vw, 34px);
    --text-display: clamp(30px, 2.7vw, 48px);

    --reading-line-height: 1.65;
    --display-line-height: 1.22;
}