@charset "UTF-8";

:root {
	--color-primary: rgb(76, 201, 240);
	--color-primary-hover: rgb(233, 236, 251);
	--color-primary-active: rgb(95, 113, 208);
	
	--color-primary-ghost: rgb(233, 236, 251);
	--color-primary-select: rgb(246, 247, 253);
	--color-primary-highlight: rgb(232, 236, 255);

	--color-success: rgb(90, 160, 241);
	--color-success-bg: rgb(239, 246, 254);
	--color-success-border: rgb(206, 227, 251);
	
	--color-caution: rgb(255, 187, 51);
	--color-caution-bg: rgb(254, 248, 235);
	--color-caution-border: rgb(255, 235, 194);
	
	--color-warning: rgb(255, 109, 77);
	--color-warning-bg: rgb(255, 239, 235);
	--color-warning-border: rgb(255, 211, 202);
	
	--color-calls: rgb(56, 210, 130);
	--color-calls-bg: rgb(235, 251, 243);
	--color-calls-border: rgb(195, 242, 218);
	
	--color-dark-accent: rgb(22, 24, 66);
	
	--color-body: rgb(69, 70, 104);
	--color-body-border: rgb(215, 215, 215);
	
	--color-pill-hover: rgb(86, 87, 127);
	--color-pill-active: rgb(74, 75, 112);
	
	--color-body-secondary: rgb(162, 163, 179);
	--color-disabled: rgb(208, 209, 217);
	--color-disabled-bg: rgb(250, 250, 251);
	
	--color-border: rgb(232, 232, 236);
	
	--color-light-bg: rgb(243, 245, 251);
	
	--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(69, 70, 104, 0.8);
	--color-body-40: rgba(69, 70, 104, 0.4);
	--color-body-secondary-50: rgba(162, 163, 179, 0.5);
	--color-calls-50: rgba(56, 210, 130, 0.5);
	--color-light-bg-10: rgb(243, 245, 251, 0.1);
		
	--color-primary-30: rgba(106, 125, 231, 0.3);
}

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