:root {
    /* COLORS */
    --color-primary: #BB845D;
    --color-primary-dark: #2D1C0F;
    --color-secondary: #C7A887;

    --color-text: #2D1C0F;
    --color-muted: #7c6654;
    --color-border: #dfc9b4;
    --color-soft: #f8e5d5;
    --color-white: #FFF3E9;
    --color-page-bg: #FFF3E9;

    /* SPACING */
    --space-xs: 6px;
    --space-sm: 10px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 40px;

    /* RADIUS */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;

    /* SHADOW */
    --shadow-soft: 0 6px 20px rgba(45,28,15,0.05);
    --shadow-card: 0 8px 24px rgba(45,28,15,0.08);

    /* CONTAINER */
    --container: 1200px;
}

html,
body {
    background: var(--color-page-bg);
    color: var(--color-text);
}