@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap');

body {
    font-family: var(--font-text);
    background: var(--color-cream);
    color: var(--color-text);
    font-size: 16px;
    line-height: 1.7;
}

h1,
h2,
h3,
h4 {
    font-family: var(--font-title);
    color: var(--color-title);
    font-weight: 600;
    line-height: 1.05;
}

h1 {
    font-size: clamp(2.7rem, 6vw, 4.8rem);
}

h2 {
    font-size: clamp(2.2rem, 4vw, 3.4rem);
}

h3 {
    font-size: clamp(1.7rem, 3vw, 2.3rem);
}

p {
    max-width: 680px;
}

::selection {
    background: var(--color-gold);
    color: var(--color-anthracite);
}