@charset "utf-8";

/************************************** root setting **************************************/

:root {
  /* color */
  --theme-color: #642eff;
  --black-color: #000;

  /* design-theme */
  --blue-theme-color: #040b55;
  --green-theme-color: #085022;
  --red-theme-color: #4a0707;
  --purple-theme-color: #41107b;
  --white-theme-color: #fff;
  --black-theme-color: #222730;
  --ligray-theme-color: #f0f0f0;
  --gray-nav-color: #e8e9ed;

  /* left-nav-theme */
  --blue-nav-color: #ecedf5;
  --green-nav-color: #e6ebe8;
  --red-nav-color: #ede6e9;
  --purple-nav-color: #f1ebf8;
  --white-nav-color: #e8e9ed;

  /* grid-theme */
  --white-grid-color:#f8f8f8;
  --gray-grid-color:#fafcfc;
  --blue-grid-color: #ecedf5;
  --green-grid-color: #fbfffa;
  --red-grid-color: #fffafa;
  --black-grid-color:#f8f8f8;
}