:root {
    --primary-color-50: #feecee;
    --primary-color-100: #feced2;
    --primary-color-200: #ed9d9b;
    --primary-color-300: #e27874;
    --primary-color-400: #f15c4a;
    --primary-color-500: #f04d38;
    --primary-color-600: #e14437;
    --primary-color-700: #cf3a31;
    --primary-color-800: #c2342a;
    --primary-color-900: #b7372c;
    --secondary-color-50: #f7f7f7;
    --secondary-color-100: #efefef;
    --secondary-color-200: #e3e3e3;
    --secondary-color-300: #d2d2d2;
    --secondary-color-400: #adadad;
    --secondary-color-500: #8c8c8c;
    --secondary-color-600: #656565;
    --secondary-color-700: #525252;
    --secondary-color-800: #343434;
    --secondary-color-900: #141414;
    --primary-color: var(--primary-color-500);
    --primary-color-lighter: var(--primary-color-100);
    --primary-color-darker: var(--primary-color-900);
    --secondary-color: var(--secondary-color-900);
    --aubergenine-color-hover: #2C2728;
    --aubergenine-color: #231f20;
}