:root {
    --primary-50:  #fff4f4;
    --primary-100: #ffdada;
    --primary-200: #ffbfbf;
    --primary-300: #ffa3a3;
    --primary-400: #f98787;
    --primary-500: #f26464;
    --primary-600: #d45454;
    --primary-700: #b64545;
    --primary-800: #983636;
    --primary-900: #7a2727;

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

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

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

    --highlight-text-color: #f26464;
    --p-button-primary-hover-background: #f36a6a;
}