:root {
    --black: #000;
    --white: #fff;
    --gray-400: #f5f6fa;
    --gray-500: #e6e7f0;
    --gray-600: #8c91a9;
    --gray-700: #6a6e81;
    --gray-800: #4b4e5c;
    --green-500: #20c05d;
    --yellow-500: #ffba00;
    --red-500: #fd4f47;
    --blue-500: #40b9ea;
    --pink-500: #ee58a9;
    --primary-inter: #eb7000;
    --primary-spfc: #c5232a;
    --primary-interPJ: #194a69;
    --primary-localiza: #00984a;
    --gradiente-inter: linear-gradient(45deg,#ff500f,#ff8700);
    --gradiente-spfc: linear-gradient(45deg,#b11116,#d8222a);
    --gradiente-interPJ: linear-gradient(45deg,#194a69,#072534);
    --gradiente-localiza: linear-gradient(45deg,#005337,#00984a);
    --gradiente-private: linear-gradient(45deg,#222229,#4b4e5c);
    --success: var(--green-500);
    --alert: var(--yellow-500);
    --error: var(--red-500);
    --info: var(--blue-500);
    --questions: var(--pink-500);
    --title-color: var(--gray-800);
    --text-color: var(--gray-800);
    --label-color: var(--gray-600);
    --disabled-background-color: var(--gray-500);
    --disabled-text-color: var(--gray-600);
    --support-light-beige: #ccb570;
    --support-polished-pine: #36b29c;
    --support-rackley: #418dae;
    --support-myrtle-green: #007a75;
    --support-grullo: #ada185;
    --support-charcoal: #384456;
    --suport-burnt-umber: #973429;
    --zindex-1: 1;
    --zindex-5: 5;
    --zindex-10: 10;
    --zindex-100: 100;
    --zindex-1000: 1000;
    --zindex-overlay: 10000;
    --border-radius-small: 4px;
    --border-radius-medium: 8px;
    --border-radius-large: 16px;
    --border-radius-circle: 50%;
    --font-family-default: "Inter",sans-serif;
    --font-family-roboto: "Roboto",sans-serif
}