:root {
    --black-50: #fafafa;
	--black-100: #f5f5f5;
	--black-200: #eee;
	--black-300: #e0e0e0;
	--black-400: #bdbdbd;
	--black-500: #9e9e9e;
	--black-600: #757575;
	--black-700: #616161;
	--black-800: #424242;
	--black-900: #212121;
	--white: #fff;

	--box-shadow-elevation-0: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.12);
	--box-shadow-elevation-1: 0 0 2px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.12);
	--box-shadow-elevation-2: 0 0 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.12);
	--box-shadow-elevation-3: 0 0 2px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.12);
	--box-shadow-elevation-4: 0 0 2px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.12);
	--box-shadow-elevation-5: 0 0 8px rgba(0, 0, 0, 0.1), 0 14px 28px rgba(0, 0, 0, 0.12);
	--box-shadow-elevation-6: 0 0 8px rgba(0, 0, 0, 0.1), 0 32px 64px rgba(0, 0, 0, 0.12);

    --primary: #42a5f5;
    /* primary (default: #42a5f5) */
    --secondary: #f0ad4e;
    /* warning (default: #f0ad4e) */
    --tertiary: #d43f3a;
    /* danger (default: #f0ad4e)  */
    --clickable: #42a5f5;
    /* buttons (default: #2196F3) */
    --modal: #88a0b9;
    /* buttons (default: rgb(136, 160, 185)) */
    --fontFamily: 'RedHat', sans-serif;
    --text: #292524;
    --black: #000;
    --blackRGB: 0,0,0;
    --white: #fff;
    --success: #72dd8b;
    --success2: #329937;
    --danger: #dc4e35;
    --warning: #ffc107;
    --info: #17a2b8;
    --primarylight: rgba(66, 165, 245, 0.2);
}

:root[data-scheduler-theme=material] {
    --dhx-scheduler-base-colors-primary: var(--primary);
    --dhx-scheduler-base-colors-primary-hover: var(--clickable);
    --dhx-scheduler-base-colors-primary-active: var(--clickable);
    --dhx-scheduler-base-colors-primary-lighter: rgba(219, 112, 1, .08);
    --dhx-scheduler-base-colors-warning: var(--secondary);
    --dhx-scheduler-base-colors-error: var(--tertiary);
    --dhx-scheduler-base-colors-error-hover: var(--tertiary);
    --dhx-scheduler-base-colors-error-active: var(--tertiary);
    --dhx-scheduler-base-colors-error-lighter: var(--tertiary);
    --dhx-scheduler-event-colors-primary: var(--primary);
}

/* vars survey */
:root{
    --main-color: #42a5f5;
}