:root {
    --color-primary: #E25A3A;
    --color-primary-text: #ffffff;


    --color-primary-50: #fff0ec;      /* lightest */
    --color-primary-100: #ffe8e1;
    --color-primary-200: #ffc5b3;
    --color-primary-300: #f3785d;
    --color-primary-400: #e4603e;
    --color-primary-500: #E25A3A;     /* same as base */
    --color-primary-600: #b43e21;
    --color-primary-700: #8a3019;
    --color-primary-800: #611f10;
    --color-primary-900: #3b1309;     /* darkest */

    --color-text: #4f4f4f;

    --color-success: #28a745;
    --color-warning: #ffc107;
    --color-error: #dc3545;

}