@charset "UTF-8";

:root {
	--color-primary: rgb(112, 29, 34);
	--color-primary-hover: rgb(160, 37, 44);
	--color-primary-active: rgb(135, 26, 33);
	
	--color-primary-ghost: rgb(241, 232, 233);
	--color-primary-select: rgb(250, 248, 248);
	--color-primary-highlight: rgb(255, 238, 241);

	--color-success: rgb(61, 121, 255);
	--color-success-bg: rgb(235, 242, 255);
	--color-success-border: rgb(197, 215, 255);
	
	--color-caution: rgb(255, 178, 25);
	--color-caution-bg: rgb(254, 247, 233);
	--color-caution-border: rgb(255, 232, 186);
	
	--color-warning: rgb(255, 85, 119);
	--color-warning-bg: rgb(254, 238, 241);
	--color-warning-border: rgb(255, 204, 214);
	
	--color-calls: rgb(6, 214, 160);
	--color-calls-bg: rgb(230, 251, 246);
	--color-calls-border: rgb(180, 243, 227);
	
	--color-dark-accent: rgb(50, 57, 68);
	
	--color-body: rgb(91, 97, 108);
	--color-body-border: rgb(226, 228, 231);
	
	--color-pill-hover: rgb(110, 116, 128);
	--color-pill-active: rgb(100, 105, 114);
	
	--color-body-secondary: rgb(157, 164, 176);
	--color-disabled: rgb(214, 215, 215);
	--color-disabled-bg: rgb(214, 215, 215);
	
	--color-border: rgb(238, 239, 239);
	
	--color-light-bg: rgb(245, 247, 250);
	
	--color-white: rgb(255, 255, 255);
	
	--color-chart-1: rgb(26, 65, 145);
	--color-chart-2: rgb(61, 121, 255);
	--color-chart-3: rgb(255, 148, 125);
	--color-chart-4: rgb(255, 178, 25);
	--color-chart-5: rgb(218, 11, 235);
	--color-chart-6: rgb(255, 85, 119);
	
	--color-switches: rgb(190, 212, 255);
	
	--color-table-odd: rgb(245, 247, 250);
	--color-table-even: rgb(250, 251, 252);
	
	--shadow-elevation-1: rgba(0, 0, 0, 0.03);
	--shadow-elevation-2: rgba(0, 0, 0, 0.15);
	--shadow-elevation-3: rgba(0, 0, 0, 0.5);

	--color-body-80: rgba(91, 97, 108, 0.8);
	--color-body-40: rgba(91, 97, 108, 0.4);
	--color-body-secondary-50: rgba(157, 164, 176, 0.5);
	--color-calls-50: rgba(6, 214, 160, 0.5);
	--color-light-bg-10: rgb(245, 247, 250, 0.1);
		
	--color-primary-30: rgba(112, 29, 34, 0.3);
}

.color-body {
	color: var(--color-body);
}
.color-body-secodary {
	color: var(--color-body-secondary);
}