:root {
    --primary: #904d00;
    --primary-container: #f2994a;
    --on-primary: #ffffff;
    --on-primary-container: #663500;
    --background: #fff8f5;
    --surface: #fff8f5;
    --surface-bright: #fff8f5;
    --surface-container-low: #fff1e9;
    --surface-container-high: #f5e5dc;
    --surface-container-highest: #efe0d6;
    --inverse-surface: #382f28;
    --on-surface: #221a14;
    --on-surface-variant: #544438;
    --outline-variant: #d9c2b3;
    --primary-fixed-dim: #ffb77d;
    --surface-variant: #efe0d6;

    --font-body: 'Inter', sans-serif;
    --font-display: 'Space Grotesk', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;

    --container-max: 1280px;
    --gutter: 24px;
}