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


    --color-primary-50:  #fff4e3;     /* lightest */
    --color-primary-100: #ffe1b5;
    --color-primary-200: #ffc87a;
    --color-primary-300: #ffae3f;
    --color-primary-400: #f99d2f;
    --color-primary-500: #EFA32C;     /* same as base */
    --color-primary-600: #c98423;
    --color-primary-700: #a3651b;
    --color-primary-800: #7d4712;
    --color-primary-900: #57290a;     /* darkest */

    --color-text: #4f4f4f;

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

}