:root {
    --bg: #f2eee7;
    --bg-strong: #e7dece;
    --panel: rgba(255, 255, 255, 0.72);
    --panel-strong: rgba(255, 255, 255, 0.92);
    --line: rgba(31, 24, 16, 0.12);
    --line-strong: rgba(31, 24, 16, 0.22);
    --text: #1f1810;
    --text-soft: #655947;
    --text-faint: #867965;
    --accent: #c88d2f;
    --accent-strong: #9f6720;
    --accent-soft: rgba(200, 141, 47, 0.14);
    --shadow-soft: 0 20px 50px rgba(47, 31, 12, 0.08);
    --shadow-card: 0 24px 60px rgba(47, 31, 12, 0.12);
    --radius-sm: 18px;
    --radius-md: 28px;
    --radius-lg: 36px;
    --container: min(1180px, calc(100vw - 32px));
    --header-height: 84px;
    --font-body: "Manrope", "Segoe UI", sans-serif;
    --font-display: "Newsreader", Georgia, serif;
}

@media (max-width: 767px) {
    :root {
        --header-height: 76px;
        --container: min(1180px, calc(100vw - 24px));
    }
}