:root{
    --white: #FFFFFF;
    --grey-50:#FAFAFA;
    --grey-100: #F5F5F5; 
    --grey-200:#EEEEEE;
    --grey-400: #BDBDBD;
    --green-100: #C8E6C9;
    --green-200: #A5D6A7;
    --green-300: #86B888;
    --green-400: #66BB6A;
    --green-600: #43A047;
    --green-700: #4AAA55;
    --green-900: #1B5E20;
    --orange: #FFB44C;
    --orange-100: #FFE0B2;
    --orange-200: #FFCC80;
    --orange-600: #bb6f04;
    --orange-800: #361F00;
    --orange-900: #E65100;
    --black-op-10: #0000001A;
    --red-800: #C62828;

    --background-main: var(--white);
    --background-orange: var(--green-300);
    --text: var(--white);
    --text-active: var(--green-700);
    --text-dark: var(--orange-800);
    --border-white: var(--white);
    --border-dark: var(--green-900);
}