:root {
  /* ========== Color: Brand ========== */
  --color-main: #5791E8;
  --color-accent: #E2786A;

  /* ========== Color: Text ========== */
  --color-text: #464646;
  --color-text-inverse: #fff;

  /* ========== Color: Surface ========== */
  --color-bg: #fff;
  --color-bg-alt: #F4F4EB;
  --color-bg-muted: #E7E7E7;
  --color-bg-cream: #F4F4EB;
  --color-border: #BCBCB7;

  /* ========== Color: Section accent ========== */
  --color-green: #6EC87A;
  --color-yellow: #EECD3B;
  --color-yellow-light: #FFE15D;

  /* ========== Font ========== */
  --font-jp: "Noto Sans JP", sans-serif;
  --font-en: "Montserrat", sans-serif;
}