@charset "UTF-8";

/**************************************************************
* フォント初期化
**************************************************************/

/* @font-face {
  font-family: ;
  src: url();
} */


/**************************************************************
* カスタムプロパティ
**************************************************************/

:root {
  --base-color: #322b3a;
  --base-inverted-color: #ffffff; 
  --base-background-color: #ffffff;
  --accent-1-background-color: #7584c7;
  --accent-2-background-color: #ace9ff;
  --accent-3-background-color: #e8fcff;
  --accent-1-color: #7584c7;
  --accent-2-color: #54bce2;
  /* --extra-color: #9c94a5; */
  --extra-color: #e6e3e9;
  --warning-color: var(--accent-1-background-color);
  --alphabetic-font-family: 'Cormorant Garamond', 'Times', serif;
  --base-font-size: 62.5%;
  --base-bg: var(--base-background-color);
  --form-control-bg: var(--base-background-color);
}