:root {
    --color-primary: #e4714f;
    --color-primary-hover: #d96543;
    --color-primary-soft: #fff1ee;

    --color-text: #383838;
    --color-text-light: #6b6b6b;
    --color-heading: #2f2f2f;

    --color-bg: #ffffff;
    --color-border: #f3d7d0;

    --shadow-sm: 0 8px 24px rgba(228, 113, 79, 0.08);
    --shadow-md: 0 14px 40px rgba(228, 113, 79, 0.12);

    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 24px;
    --radius-xl: 32px;

    --container-width: 1200px;

    --space-1: 8px;
    --space-2: 12px;
    --space-3: 16px;
    --space-4: 20px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 40px;
    --space-8: 48px;
    --space-9: 64px;
    --space-10: 80px;

    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
}