:root {
    --themecolor: #00000;
    --themecolor-hover: #00000; 

    --blue: #2d91a8;

    --primary-white: rgba(255, 255, 255, 1);
    --primary-white-variant: #F6F8FD;

    --background: rgba(246, 248, 253, 1);

    --primary-100: rgba(248, 238, 231, 1);
    --primary-300: rgba(132, 73, 36, 1);
    --primary-500: rgba(92, 51, 25, 1);
    --primary-700: rgba(64, 36, 17, 1);
    --primary-900: rgba(46, 17, 11, 1);

    --secondary-100: #FEFCE8;
    --secondary-300: #FDDF47;
    --secondary-500: #EAB208;
    --secondary-700: #CA8904;
    --secondary-900: #7A4A05;



    --grayscale-900: rgba(46, 46, 46, 1);
    --grayscale-700: #4A4A4A;
    --grayscale-500: rgba(99, 99, 99, 1);
    --grayscale-300: #E1E1E1;
    --grayscale: rgba(156, 156, 156, 1);

    --red-100:rgba(255, 229, 234, 1);
    --red-300:rgba(254, 112, 121, 1);
    --red-400:rgba(237, 24, 71, 1);
    --red-500:rgba(237, 24, 71, 1);

    --green-100: rgba(220, 252, 231, 1);
    --green-500: rgba(34, 197, 94, 1);

    --cnvs-switch-bg: #FEFCE8 !important;
}

body {
    color: var(--themecolor);
}