/* ===================================
   FONTS.CSS
   Vlož do: assets/css/root/fonts.css
=================================== */

/* Google Fonts import (alternatíva k <link> v head.php) */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:wght@300;400;500;600&family=Caveat:wght@500;600&display=swap');

html { font-size: 16px; }

body {
    font-family: var(--body);
    line-height: 1.7;
}

h1, h2, h3 {
    font-family: var(--display);
    font-weight: 600;
    line-height: 1.13;
    color: var(--brown);
}
h1 { font-size: clamp(2.8rem, 6vw, 5.2rem); }
h2 { font-size: clamp(2rem, 4vw, 3.4rem); }
h3 { font-size: clamp(1.15rem, 2.2vw, 1.6rem); }
h4 { font-size: 1rem; font-weight: 600; color: var(--brown); margin-bottom: 8px; }

em { font-style: italic; }

p { font-size: 1rem; line-height: 1.78; color: var(--text-muted); }
p + p { margin-top: 1rem; }

.eyebrow {
    display: inline-block;
    font-family: var(--script);
    font-size: 1.28rem;
    color: var(--forest-mid);
    letter-spacing: 0.01em;
    margin-bottom: 14px;
}