@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

:root {
    --cream: #fff5d9;
    --navy: #182241;
    --slate: #536c7c;
    --light: #f5f5f5;
    --mid-gray: #e3e3e3;
    --white: #ffffff;

    --font-display: 'Cormorant Garamond', 'Palatino Linotype', Georgia, serif;
    --font-body: 'Libre Baskerville', Georgia, 'Times New Roman', serif;

    --nav-height: 90px;
    --site-max: 1440px;
    --section-pad-x: clamp(24px, 4vw, 86px);
    --section-pad-y: 86px;
    --radius: 3px;

    --transition-base: 0.3s ease;
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--font-body);
    font-size: 1.216rem;
    line-height: 1.6;
    color: var(--cream);
    background-color: var(--slate);
    min-height: 100vh;
    letter-spacing: 0.01em;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    cursor: pointer;
    font-family: inherit;
}