:root {
    --color-primary: #195297;
    --color-secondary: #86C4D8;
    --color-light-blue: #DDEFF2;
    --color-bg: #FAF8F5;
    --color-brown: #5A3F22;
    --color-sand: #D9C1A3;
    --color-soft-beige: #EFE5DB;
    --font-heading: 'The Seasons', serif;
    --font-body: 'Poppins', sans-serif;
    --font-handwritten: 'Caveat', cursive;
}

body {
    font-family: var(--font-body);
    background-color: var(--color-bg);
    color: var(--color-brown);
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
}

a {
    color: var(--color-primary);
}

#site-header {
    background-color: #ffffff;
    border-bottom: 1px solid var(--color-soft-beige);
}

#site-header #site-logo img {
    display: block;
}

#site-footer {
    background-color: var(--color-soft-beige);
}

#site-footer a {
    color: var(--color-brown);
}

#site-main {
    display: block;
    min-height: 60vh;
}