:root {
    --color-background: #f8f1e6;
    --color-surface: #f1e5d3;
    --color-text: #2d2118;
    --color-text-muted: #6e5a49;
    --color-primary: #8a4f20;
    --color-border: #e8d8c6;

    --font-family-base:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    --container-width: 72rem;
    --container-padding: 1rem;

    --header-height: 56px;
    --footer-height: 42px;
}