/*
	Define common fonts and colors
*/
:root {
  /* font */
  --theme-font: vdl-admin, sans-serif;

  /* color */
  --theme-purple: #3a0b43;
  --theme-purple-m1: rgba(58, 11, 67, 0.5);
  --theme-purple-m5: rgba(131, 55, 146, 0.5);
  --theme-yellow500: #f8e09c;
  --theme-yellow300: #faecc5;
  --theme-yellow200: #fff7e0;
  --theme-green: #7dbc95;
  --theme-lime-green: #349b93;
  --theme-red: #ff678a;
  --theme-blue: #7777f2;
  --theme-white: #ffffff;
  --theme-gray800: #9a9589;
  --theme-gray200: #e6e3d1;
  --theme-gray700: #585858;

  /* z-index */
  --theme-index-header: 1;
  --theme-index-menu: 2;
  --theme-index-modal: 3;

  /* container qurey */
  --theme-container-middle: 860px;
  --theme-container-small: 420px;
}