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

    --color-primary-50:  #faedf2;     /* lightest */
    --color-primary-100: #f5d1e1;
    --color-primary-200: #eaa3c2;
    --color-primary-300: #df75a3;
    --color-primary-400: #d55890;
    --color-primary-500: #CA588D;     /* same as base */
    --color-primary-600: #a64874;
    --color-primary-700: #82385b;
    --color-primary-800: #5e2842;
    --color-primary-900: #3a1829;     /* darkest */

    --color-text: #4f4f4f;

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

}