:root {
    --color-primary: #FAD429;
    --color-primary-text: #4f4f4f;


    --color-primary-50:  #fff9e5;     /* lightest */
    --color-primary-100: #fff3bf;
    --color-primary-200: #ffe88a;
    --color-primary-300: #ffdc55;
    --color-primary-400: #fcd835;
    --color-primary-500: #FAD429;     /* same as base */
    --color-primary-600: #d6b021;
    --color-primary-700: #b08d1a;
    --color-primary-800: #8a6a13;
    --color-primary-900: #63460b;     /* darkest */

    --color-text: #4f4f4f;

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

}