:root {
    --background-color: #f2f2f2;
    --background-footer-color: #333;
    --main-color: #5561cd;
    --substrate-color: #fff;
    --accent-color: #F3743F;
    --gradient-main: linear-gradient(307deg, #a4aef0 10%, #5561cd 90%);
    --gradient-main-rev: linear-gradient(127deg, #a4aef0 10%, #5561cd 90%);

    --text-xs: 0.715rem;
    --text-sm: 0.857rem;
    --text-base: 1rem;
    --text-lg: 1.145rem;
    --text-xl: 1.285rem;

    --leading-tight: 1.1;
    --leading-normal: 1.2;
    --leading-relaxed: 1.4;

    --rounded-sm: 6px;
    --rounded-md: 10px;
    --rounded-lg: 14px;
    --rounded-xl: 20px;

    --space-0: 0px;
    --space-0_75: 2px;
    --space-1: 3px;
    --space-1_5: 5px;
    --space-2: 7px;
    --space-3: 10px;
    --space-4: 15px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 28px;
    --space-8: 32px;
    --space-9: 40px;
    --space-10: 48px;
    --space-12: 56px;
    --space-14: 64px;
    --space-16: 72px;

    --size-5: 20px;
    --size-8: 28px;
  }