/*
 * Front-end theme helper styles.
 * The main visual design is loaded from style.css.
 */

body {
    background: #faf8f5;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    backdrop-filter: blur(12px);
    background: rgba(250, 248, 245, 0.92);
    border-bottom: 1px solid rgba(26, 18, 8, 0.08);
}

.nav-toggle {
    display: none;
}

@media (max-width: 768px) {
    .nav-toggle {
        display: inline-flex;
        flex-direction: column;
        gap: 4px;
    }

    .nav-toggle span {
        display: block;
        width: 24px;
        height: 2px;
        background: #1a1208;
    }
}