:root {
  /* Color */
  --white: rgba(255, 255, 255, 1);
  --black: rgba(0, 0, 0, 1);
  --base: rgba(250, 250, 250, 1);
  --gray-200: rgba(250, 250, 250, 1);
  --gray-300: rgba(247, 247, 247, 1);
  --gray-400: rgba(208, 209, 213, 1);
  --gray-500: rgba(219, 223, 239, 1);
  --primary-lightest-200: rgba(233, 235, 242, 1);
  --primary-light-400: rgba(37, 43, 67, 1);
  --primary-main-500: rgba(31, 36, 56, 1);
  --primary-dark-600: rgba(24, 29, 48, 1);
  --secondary-lighter-300: rgba(243, 235, 227, 1);
  --secondary-light-400: rgba(233, 214, 192, 1);
  --secondary-main-500: rgba(191, 157, 119, 1);
  --secondary-dark-600: rgba(166, 126, 82, 1);
  --shadow-primary: rgba(93, 98, 119, 0.15);
  --shadow-secondary: rgba(158, 120, 79, 0.15);

  --bg-gradation-primary: linear-gradient(180deg, var(--secondary-main-500) 0%, var(--secondary-light-400) 100%);
  --pink: rgba(234, 51, 123, 1);

  /* Border */
  --border: var(--gray-500);

  /* Form */
  --input-bg: var(--gray-300);
  --placeholder-color: var(--gray-400);
  --required-color: var(--pink);
  --optional-color: var(--primary-main-500);

  /* Fonts */
  --noto-sans-jp: "Noto Sans JP", sans-serif;
  --lexend: "Lexend", sans-serif;
}