// outExt: ".css", compress: false, sourceMap: false

@force-important:~'';
// @force-important:~'!important';

:root {
	--color-white: #fff;
	--color-grey: #888;
	--color-black: #000;

	--color-primary: #fff;
	--color-secondary: #fff;

	--color-info: #5bc0de;
	--color-success: #26B99A;
	--color-warning: #f0ad4e;
	--color-danger: #d9534f;

	--color-danger: hsl(2, 64%, 58%);
	--color-danger-h: 2;
	--color-danger-s: 64%;
	--color-danger-l: 58%;

	--color-danger: hsl(var(--color-danger-h), var(--color-danger-s), var(--color-danger-l));
	--color-danger-darker: hsl(var(--color-danger-h), var(--color-danger-s), calc(var(--color-danger-l) - 10%));
	--color-danger-lighter: hsl(var(--color-danger-h), var(--color-danger-s), calc(var(--color-danger-l) + 10%));


	
	--color-theme: #0a4860;
	
	--color-plan: #8f67d4;
	--color-zone: #f0ad4e;
	--color-surface: #5bc0de;
	--color-procedure: #2a3f54;
	--color-tache: #26B99A;



/*
	--theme-color: #0a4860;
    --plan-color: #8f67d4;
    --plan-dark-color: #60497d;
    --zone-color: #f0ad4e;
    --zone-dark-color: #fca934;
    --surface-color: #5bc0de;
    --surface-dark-color: #38acd0;
    --procedure-color: #2a3f54;
    --procedure-dark-color: #0a2949;
    --tache-color: #26B99A;
    --tache-dark-color: #1b957b;
	*/
}

.bg-white { background-color: var(--color-white); }
.b-white, .border-white { border-color: var(--color-white); }
.c-white, .color-white, .t-white, .txt-white { color: var(--color-white); }

.bg-black { background-color: var(--color-black); }
.b-black, .border-black { border-color: var(--color-black); }
.c-black, .color-black, .t-black, .txt-black { color: var(--color-black); }

.bg-primary { background-color: var(--color-primary); }
.b-primary, .border-primary { border-color: var(--color-primary); }
.c-primary, .color-primary, .t-primary, .txt-primary { color: var(--color-primary); }

.bg-info { background-color: var(--color-info); }
.b-info, .border-info { border-color: var(--color-info); }
.c-info, .color-info, .t-info, .txt-info { color: var(--color-info); }

.bg-danger { background-color: var(--color-danger); }
.b-danger, .border-danger { border-color: var(--color-danger); }
.c-danger, .color-danger, .t-danger, .txt-danger { color: var(--color-danger); }

.bg-danger-lighter { background-color: var(--color-danger-lighter); }
.b-danger-lighter, .border-danger-lighter { border-color: var(--color-danger-lighter); }
.c-danger-lighter, .color-danger-lighter, .t-danger-lighter, .txt-danger-lighter { color: var(--color-danger-lighter); }

.bg-danger-darker { background-color: var(--color-danger-darker); }
.b-danger-darker, .border-danger-darker { border-color: var(--color-danger-darker); }
.c-danger-darker, .color-danger-darker, .t-danger-darker, .txt-danger-darker { color: var(--color-danger-darker); }