:root {
  /* color */
  --white: rgba(255, 255, 255, 1);
  --black: rgba(0, 0, 0, 1);
  --primary-dark-600: rgba(42, 31, 15, 1);
  --primary-main-500: rgba(54, 41, 24, 1);
  --primary-light-400: rgba(176, 154, 125, 1);
  --primary-lighter-300: rgba(211, 200, 190, 1);
  --primary-lighter-200: rgba(228, 221, 214, 1);
  --primary-lighter-150: rgba(237,228,220,1);
  --primary-lightest-100: rgba(246, 241, 237, 1);
  --secondary-main-500: rgba(15, 161, 187, 1);
  --secondary-dark-600: rgba(8, 111, 129, 1);
  --caution: rgba(251,35,38,1);
  --bg-gradation-primary: linear-gradient(270deg, rgba(239, 232, 229, 1) 0%, rgba(236, 228, 221, 1) 100%);
  --btn-gradation-secondary: linear-gradient(90deg, rgba(15, 161, 187, 1) 0%, rgba(20, 126, 183, 1) 100%);
  --btn-gradation-secondary-hover: linear-gradient(90deg, rgba(15, 161, 187, 1) 0%, rgba(20, 126, 183, 1) 100%);
  --btn-gradation-secondary-hover: linear-gradient(90deg, #1465B7 0%, #5934D3 100%);

  /* fonts */
  --marcellus-sc: 'Marcellus SC', serif;
  --zen-kaku-gothic-new: 'Zen Kaku Gothic New', sans-serif;
}