:root {
    --primary: #009e96;
    --primary-light: #37cac3;
    --primary-dark: #028881;
    --primary-extralight: #81ebe5;
    --primary-extra-extra-light:#b5edea;
    --secondary: #F59E00;
    --secondary-dark:#d98c00;
    --secondary-light: #edaf3c;
    --secondary-extralight: #f1be5f;
    --secondary-extra-extra-light:#edca87;
    --success: #28a745;
    --danger: #dc3545;
    --danger-light: #ffdada;
    --warning: #ffc107;
    --bg-warning: #f7f993;
    --main-text: #4e4e4e;
    --body-color:#F2F1F1;

    --rgba-primary: rgba(220, 236, 236, 1);
    --rgba-secondary: rgba(212,167, 226, 0.23);
    --backdrop: rgba(0, 0, 0, 0.5);
    --box-shadow: rgba(0, 0, 0, 0.05);
    --box-shadow-dark: rgba(0,0,0,0.11);
    --box-shadow-light: rgba(0, 0, 0, 0.16);
    --box-shadow-extralight: rgba(0, 0, 0, 0);

    --buttons-default: var(--white);
    --buttons-default-hover: var(--white-500);
    --buttons-default-active: var(--white-350);
    --buttons-primary: var(--secondary);
    --buttons-primary-hover: var(--secondary-dark);
    --buttons-primary-active: var(--secondary-dark);
    --buttons-secondary: var(--primary);
    --buttons-secondary-hover: var(--primary-dark);
    --buttons-secondary-active: var(--primary-dark);

    --gray: #919191;
    --white: #ffffff;
    --white-025: #393939;
    --white-050: #3d3d3d;
    --white-075: #404345; 
    --white-100: #4a4e51;
    --white-150: #555a5e;
    --white-200: #697075;
    --white-300: #7d848d;
    --white-350: #959ca3;
    --white-400: #9fa6ad;
    --white-500: #acb2b8;
    --white-600: #c4c8cc;
    --white-700: #cfd2d6;
    --white-750: #dadee0;
    --white-800: #e7e8eb;
    --white-900: #fcfcfc;
    --black: #2b2b2b;
    --black-025: #fafafb;
    --black-050: #eff0f1;
    --black-075: #e4e6e8;
    --black-100: #d6d9dc;
    --black-150: #c8ccd0;
    --black-200: #bbc0c4;
    --black-300: #9fa6ad;
    --black-350: #9199a1;
    --black-400: #848d95;
    --black-500: #6a737c;
    --black-600: #535a60;
    --black-700: #3c4146;
    --black-750: #2f3337;
    --black-800: #242729;
    --black-900: #0c0d0e;
}
