/**
 * typography.css
 * Theme: Miracle Theme 2025 (Child of Divi)
 * Path: css/base/
 */
/* Add your styles here */

/* css/base/typography.css */
/* === Stijl voor H1 === */
h1 {
    font-family: "Cinzel Decorative", serif;
    font-size: clamp(2.3rem, 5vw + 0rem, 4rem);
    font-weight: 600;
    text-transform: none;
    letter-spacing: -0.02em;
    line-height: 1.3;
    scroll-margin-top: 100px;
    /* handig voor anchors */
    color: #375248;
}

/* === Stijl voor H2 === */
h2 {
    font-family: "Cinzel Decorative", serif;
    font-size: clamp(2rem, 3.5vw + 0.5rem, 3rem);
    font-weight: 500;
    text-transform: none;
    letter-spacing: -0.03em;
    line-height: 1.2;
    scroll-margin-top: 100px;
}

/* === Stijl voor H3 === */
h3 {
    font-family: "Cinzel Decorative", serif;
    font-size: clamp(1.2rem, 3.5vw + 0rem, 2.3rem);
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0em;
    line-height: 1.1;
    scroll-margin-top: 100px;
    color: #f8f5f0;
}

/* === Stijl voor H4 === */
h4 {
    font-family: "Fauna One", serif;
    font-size: clamp(1.5rem, 1.5vw + 0.5rem, 1.5rem);
    font-weight: 900;
    text-transform: none;
    letter-spacing: 0em;
    line-height: 1.4;
    scroll-margin-top: 100px;
    color: #f8f5f0;
}

/* === Stijl voor H5 === */
h5 {
    font-family: "Fauna One", serif;
    font-size: clamp(1.25rem, 1.5vw + 0.5rem, 1.25rem);
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0em;
    line-height: 1.1;
    margin-top: 10px;
    scroll-margin-top: 100px;
    color: #f8f5f0;
}

/* === Stijl voor H6 === */
h6 {
    font-family: "Fauna One", serif;
    font-size: clamp(1rem, 1.5vw + 1rem, 1.25rem);
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0.05em;
    line-height: 1.6;
    scroll-margin-top: 100px;
    color: #f8f5f0;
}

/* === Stijl voor bodytekst en paragrafen === */
body,
p {
    font-family: "Fauna One", serif;
    font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1rem);
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0.02em;
    line-height: 1.6;
}

/* Persoonlijke boodschap */
.persoonlijke-boodschap p {
    font-size: 0.75rem;
    color: #FF0000;
    margin-top: -2px;
    margin-bottom: 2px;
    line-height: 1.6;
}

/* Likeursmaak uitleg */
.uitleg-likeur-smaak {
    font-size: 0.75rem;
    color: #375248;
    margin-top: -3px;
    margin-bottom: 3px;
    line-height: 1.6;
}