:root {
	--color-primary: #1C1E2C;
	--color-secondary: #06EF00;

	--color-green: #06EF00;
	--color-red: #CF0000;
	--color-yellow: #FFC630;
	--color-gray: #9EACB3;
	--color-blue: #78C3FB;
	--color-purple: #9392FF;
	--color-orange: #FF6333;
	--color-dark-green: #18634A;
	
	--bg-body: #F6F6F6;
	--bg-card: #FFFFFF;
	--bg-header: #FFFFFF;
	--bg-sidebar: #FFFFFF;
	--bg-sidebar-hover: #D2D2D2;
	--bg-sidebar-active: #1C1E2C;
	--bg-card-action-red: #920000;
	--bg-card-action: #1C1E2C;
	--bg-selected: #1C1E2C;
	--bg-notification: #FFF3E4;

	--text-main: #1C1E2C;
	--text-light: #FFFFFF;
	--text-notification: #5A3E1B;
	--text-hover: #D2D2D2;

	--divider-color: #CBCBCB;
	--border-color: #D2D2D2;
	--dark-border-color: #D3D3D3;
	--input-bg: #ffffff;
	--input-text: #1f2937;
	--placeholder: rgba(28, 30, 44, 0.5);

	--chart-text: #000000;
 	--chart-grid: #F6F6F6;
  	--chart-bg: #ffffff;
  	--chart-border: #1C1E2C;

	--drp-bg: #FFFFFF;
  	--drp-surface: #F6F6F6;
  	--drp-border: #D2D2D2;
  	--drp-text: #000000;
  	--drp-muted: #9EACB3;
  	--drp-primary: var(--color-primary);
  	--drp-secondary: var(--color-secondary);
  	--drp-input-bg: var(--input-bg);
  	--drp-hover: rgba(0, 0, 0, 0.05);
  	--drp-active-text: var(--text-light);
}