:root {
    --screen-xs: 576px;
    --screen-sm: 768px;
    --screen-md: 992px;
    --screen-lg: 1200px;

    --spacing-0: 0;
    --spacing-1: 0.25rem; /* 4px */
    --spacing-2: 0.5rem; /* 8px */
    --spacing-3: 0.75rem; /* 12px */
    --spacing-4: 1rem; /* 16px */
    --spacing-5: 1.25rem; /* 20px */
    --spacing-6: 1.5rem; /* 24px */
    --spacing-7: 1.75rem; /* 28px */
    --spacing-8: 2rem; /* 32px */
    --spacing-9: 2.25rem; /* 36px */
    --spacing-10: 2.5rem; /* 40px */
    --spacing-11: 2.75rem; /* 44px */
    --spacing-12: 3rem; /* 48px */
    --spacing-13: 3.25rem; /* 52px */
    --spacing-14: 3.5rem; /* 56px */
    --spacing-15: 3.75rem; /* 60px */
    --spacing-16: 4rem; /* 64px */
    --spacing-17: 4.25rem; /* 68px */
    --spacing-18: 4.5rem; /* 72px */
    --spacing-19: 4.75rem; /* 76px */
    --spacing-20: 5rem; /* 80px */
    --spacing-21: 5.25rem; /* 84px */
    --spacing-22: 5.5rem; /* 88px */
    --spacing-23: 5.75rem; /* 92px */
    --spacing-24: 6rem; /* 96px */

    --primary-color: #ff7e22;
    --secondary-color: #1f41b1;
    --light-color: #f2f2f2;
    --dark-color: #333333;
    --white-color: #ffffff;
}