:root {
    --primary-50:  #fdecea;
    --primary-100: #f9c3c1;
    --primary-200: #f59a98;
    --primary-300: #f1716f;
    --primary-400: #ed4846;
    --primary-500: #d8262e;
    --primary-600: #b22127;
    --primary-700: #8f1b20;
    --primary-800: #6c1619;
    --primary-900: #491012;

    --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: #d8262e;
    --text-color-secondary: #64748b;

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

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

    --highlight-text-color: #d8262e;
    --p-button-primary-hover-background: #de323a;
}