:root {
    --color-text: #161311;
    --color-orange-500: #FFAB46;
    --color-gray-500: #A2A1A0;
    --color-gray-300: #D0CFCE;
    --color-gray-600: #737170;
    --color-red-500: #ED663F;
    --color-red-300: #F4A38C;
    --color-sand-500: #E7CA7A;
    --color-sand-300: #F1DFAF;
    --color-green-500: #90C5A9;
    --color-green-300: #BCDCCB;
    --color-blue-500: #7A9AAF;
    --color-blue-300: #AFC2CF;
    --color-purple-500: #B5B4FF;
    --color-yellow-500: #FDED62;
    --color-orange-300: #FFBC6B;

    --grid-mobile-default: 20px;
    --grid-desktop-small: 60px;
    --grid-desktop-default: 15%;

    --grid-gutter: 30px;
}