:root {
    --primary-50: #fff5f5;
    --primary-100: #ffd6d6;
    --primary-200: #ffb3b3;
    --primary-300: #ff8f8f;
    --primary-400: #ff6a6a;
    --primary-500: #ff1d1d;
    --primary-600: #d91717;
    --primary-700: #b21212;
    --primary-800: #8c0e0e;
    --primary-900: #660a0a;

    --secondary-50: #f6f7f8;
    --secondary-100: #dde2e6;
    --secondary-200: #c4cdd3;
    --secondary-300: #aab8c0;
    --secondary-400: #91a3ad;
    --secondary-500: #70828c;
    --secondary-600: #5d6b74;
    --secondary-700: #4a545c;
    --secondary-800: #373d44;
    --secondary-900: #24262c;

    --text-color: #ff1d1d;
    --text-color-secondary: #70828c;

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

    --secondary-color: #70828c !important;
    --secondary-color-text: #ffffff;

    --highlight-text-color: #ff1d1d;
    --p-button-primary-hover-background: #ff2f2f;
}