@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

:root {
    --accent: #C6A066;
    --ink: #2A2B2D;
    --paper: #F7F4E8;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--paper);
    color: var(--ink);
}

.section-header {
    position: relative;
    padding-bottom: 0.5rem;
    margin-bottom: 2rem;
}

.section-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 3px;
    background-color: var(--accent);
    border-radius: 9999px;
}

#mobile-menu {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

#zoom-modal {
    backdrop-filter: blur(2px);
}