:root {
    --primary-50:  #fdecec;
    --primary-100: #f8c3c3;
    --primary-200: #f1999a;
    --primary-300: #eb7071;
    --primary-400: #e64748;
    --primary-500: #cf2e2e;
    --primary-600: #ae2828;
    --primary-700: #8b2222;
    --primary-800: #681b1b;
    --primary-900: #451414;

    --secondary-50:  #f5f6f8;
    --secondary-100: #e1e5ea;
    --secondary-200: #ccd3dc;
    --secondary-300: #b7c1ce;
    --secondary-400: #a1afc0;
    --secondary-500: #64748b;
    --secondary-600: #546375;
    --secondary-700: #44515f;
    --secondary-800: #343f49;
    --secondary-900: #242e33;

    --text-color: #cf2e2e;
    --text-color-secondary: #64748b;

    --primary-color: #cf2e2e !important;
    --primary-color-text: #ffffff;

    --secondary-color: #64748b !important;
    --secondary-color-text: #ffffff;

    --highlight-text-color: #cf2e2e;
    --p-button-primary-hover-background: #da3e3e;
}