:root {
  /* z-index layers */
  --z-back: -2;
  --z-deco-back: 0;
  --z-deco-mid: 1;
  --z-deco-front: 2;
  --z-content: 10;
  --z-header: 100;
  --z-overlay: 200;
  --z-modal: 300;

  /* layout */
  --container-max: 1440px;
  --container-padding: 120px;
  --header-height: 80px;

  /* colors (from Figma) */
  --c-primary: #61B98A;
  --c-title: #14703F;
  --c-text: #303030;
  --c-text-light: #333;
  --c-white: #fff;
  --c-bg: #FFFFEF;
  --_: #FFFFDF; /* fill fallback for arc backgrounds */
  --c-footer-bg: #f1f1f1;
  --c-entry-2027: #ff4144;
  --c-entry-2028: #2db9ff;

  /* fonts */
  --ff-body: 'Noto Sans JP', sans-serif;
  --ff-heading: 'Rounded Mplus 1c', sans-serif;
  --ff-title: 'Noto Serif JP', serif;
  --ff-number: 'Jost', sans-serif;
}

@media (max-width: 428px) {
  :root {
    --container-padding: 5.33vw;
  }
}