@font-face {
	font-family: "poppins";
	src:
	  local("poppins"),
	  url(./fonts/Poppins.ttf) format("truetype");
	font-display: swap;
  }
  
  
  @font-face {
	font-family: "poppins-semibold";
	src:
	  local("poppins-semibold"),
	  url(./fonts/Poppins-SemiBold.ttf) format("truetype");
	font-display: swap;
  }
:root {
	--theme-font-regular: "poppins";
	--theme-font-semibold: "poppins-semibold";
	
	--site-bg: #050D15;
	--sidebar-bg:#2A1525;
	--sidebar-logo-height:28px;

	--primary-color: #fe2c85;
	--text-color: #faf5f7;
	--text-color-dim: #a2a6b0;

	--form-bg: #ffffff00;
	--form-border: #4d4d4d;
	--form-error-state: #f50808;
	--select-highliht-color: #434651;
	
	--box-border-color: #434343;
	--disabled-fill: #2d343f;
	--disabled-text: #4b4f55;
	--box-background: #151e2a;
	--secondary-box-background: #232933;
	--form-warning-text: #dd931a;
	--form-image-drag: #3140b143;
	--button-bg-dark: #0c111d;
	--button-bg-light: #ffffff;
	--progress-bg: #293a52;
	--tooltip-bg: #0c111d;
	--tooltip-text: #faf5f7;

	--modal-backdrop: #000000cf;

	--context-help-text: #000000;
	--context-help-bg: #09a496;
	--context-help-shadow: #ffffff88;
	--context-help-scrollbar-thumb: #082b14;
	--context-help-scrollbar-track: #ffffff00;

	--datepicker-bg: #fff;
	--datepicker-header-bg: #fff;
	--datepicker-top-triangle: #fff;

	--spinner-color: var(--primary-color);
	--spinner-secondary-color: #ffffff20;
	
	--field-border-radius: 0.25rem;
	--border-width: 0.35rem;
  }