:root {
  --color-white: #ffffff;
  --color-black: #1a1a1a;
  --color-gray-50: #f7f8f7;
  --color-gray-100: #eef1ef;
  --color-gray-200: #dde3df;
  --color-gray-400: #8a928c;
  --color-gray-600: #555c58;
  --color-green: #5da389;
  --color-green-light: #7bb89f;
  --color-green-dark: #4a8a72;
  --color-green-pale: #e8f3ee;
  --color-line: #06c755;

  --font-serif: "Noto Serif JP", "Cormorant Garamond", serif;
  --font-sans: "Noto Sans JP", sans-serif;
  --font-display: "Cormorant Garamond", "Noto Serif JP", serif;

  --container-width: 1080px;
  --header-height: 80px;

  --transition: 0.3s ease;
}