:root {
    --color-black: rgb(36, 37, 40);
    --color-white: #ffffff;
    --color-bg: #FBF7F3;
    --color-light-grey: #858585;
    --color-primary-700: #24855d;
    --color-primary-500: #2D9E6F;
    --color-primary-300: rgb(89, 209, 151);
    --color-primary-100:#e0f2eb;
    --color-accent-500:  #deac5a;
    --size-1: 4px;
    --size-2: 8px;
    --size-3: 12px;
    --size-4: 16px;
    --size-5: 20px;
    --size-6: 24px;
    --size-7: 32px;
    --size-8: 48px;
    --size-9: 64px;
    --size-10: 96px;
    --size-11: 128px;
    --size-12: 192px;
    --size-13: 256px;
    --size-14: 384px;
    --size-15: 512px;
    --size-16: 768px;
    --size-17: 1024px;
    --size-18: 1200px;
    --size-19: 1440px;
    --border-radius-img: 12px;
    --border-radius-button: 24px;
}