@import url('https://fonts.googleapis.com/css?family=Montserrat:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Merriweather:900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700&display=swap');

body {
    background-color: #F7F4EE;
    color: #232323;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 18px;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

header, .mainmenu {
    background: #F7F4EE;
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.05em;
}

.mainmenu a {
    color: #8B2F2F;
    text-decoration: none;
    transition: color 0.3s;
}

.mainmenu a:hover, .mainmenu a.active {
    color: #3A6478;
}

.btn, button, input[type="submit"] {
    background: #8B2F2F;
    color: #F7F4EE;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 700;
    border: none;
    padding: 14px 36px;
    border-radius: 6px;
    font-size: 18px;
    cursor: pointer;
    transition: background 0.3s;
}
.btn:hover, button:hover, input[type="submit"]:hover {
    background: #3A6478;
}

h1, h2, h3, h4, h5 {
    font-family: 'Merriweather', serif;
    color: #8B2F2F;
    font-weight: 900;
    margin-top: 1em;
}
h1 { font-size: 2.6em;}
h2 { font-size: 2.2em;}
h3 { font-size: 1.5em;}
h4, h5 { font-size: 1.1em;}

.section, .card {
    background: #E1D5C9;
    border-radius: 10px;
    padding: 36px 28px;
    margin: 24px 0;
    box-shadow: 0 2px 10px rgba(139, 47, 47, 0.08);
}

a {
    color: #3A6478;
    text-decoration: underline;
    transition: color 0.2s;
}
a:hover {
    color: #8B2F2F;
}

.dark-section {
    background: #8B2F2F;
    color: #F7F4EE;
}
.dark-section h1, .dark-section h2, .dark-section h3 {
    color: #F7F4EE;
}