:root {
  /* colors */
  /* https://qiita.com/alg/items/e9bfeb6279d553cee423 */
  --primary-color: #591f19;
  --secondary-color: #fb891f;
  --tertiary-color: #ffe24a;

  /* font */
  --font-size-base: 16px;
  --font-family-base: 'M PLUS Rounded 1c', sans-serif;
  --font-family-base-weight: 800;
  --font-family-en: 'Fredoka', sans-serif;
  --font-family-en-weight: 600;

  /* transition */
  --button-circle-scale: 1.3;
  --button-circle-duration: 0.1s;

  /* header height */
  @media all and (min-width: 1024px) {
    --header-height: 96px;
  }
  @media not all and (min-width: 1024px) {
    --header-height: 60px;
  }
}