:root {
    --bsh-bg: #f8f7f3;
    --bsh-surface: #ffffff;
    --bsh-text: #1b1f24;
    --bsh-muted: #58616b;
    --bsh-accent: #0f6a55;
    --bsh-accent-strong: #0c5444;
    --bsh-border: #d9dfdf;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: radial-gradient(circle at 20% 10%, #ffffff 0%, var(--bsh-bg) 55%, #ece9e2 100%);
    color: var(--bsh-text);
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
}


.site-header,
.site-footer {
    background: var(--bsh-surface);
    border-bottom: 1px solid var(--bsh-border);
}

.site-header .container,
.site-footer .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 0;
}

.main-navigation ul,
.footer-navigation ul {
    display: flex;
    list-style: none;
    gap: 1rem;
    margin: 0;
    padding: 0;
}

.main-navigation a,
.footer-navigation a,
a {
    color: var(--bsh-accent);
    text-decoration: none;
}

.main-navigation a:hover,
.footer-navigation a:hover,
a:hover {
    color: var(--bsh-accent-strong);
}

@media (max-width: 768px) {
    .site-header .container,
    .site-footer .container {
        flex-direction: column;
        align-items: flex-start;
    }

    .main-navigation ul,
    .footer-navigation ul {
        flex-wrap: wrap;
    }
}