@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Parisienne&display=swap');

:root {
    --text-primary: #0050A6;
    --text-secondary: #4C2100;
    --background: #E1E1E1;
    --border: rgba(76, 33, 0, 0.5);
}

body {
    background-color: var(--background);
    color: var(--text-secondary);
    font-family: 'Montserrat', sans-serif;
}

nav {
    border-bottom: solid 2px var(--border);
}

.navigation-brand {
    font-family: 'Parisienne', serif;
    color: var(--text-primary);
    font-size: 1.4em;
}

.menu-btn, .wines-btn {
    color: var(--text-secondary);
    border: solid 2px var(--text-secondary);
}

.menu-btn:hover, .wines-btn:hover {
    background-color: var(--text-secondary);
    color: var(--background);
    border: solid 2px var(--background);
}

.header-section small {
    font-family: 'Parisienne', serif;
    font-size: 1.4em;
}

.section-title {
    font-family: 'Parisienne', serif;
    font-size: 2em;
    color: var(--text-primary);
}

.blue-icon {
    color: var(--text-primary);
}