:root {
  --colorAccent: #ea5503;
  --colorBase: #f9fafa;
  /* Colors */
  --colorBlack: #2c3136;
  --colorBorder: #d2d2d2;
  --colorGray10: #f6f7f7;
  --colorGray200: #d2d8d9;
  --colorGray300: #bbc2c5;
  --colorGray400: #99a2a8;
  --colorGray500: #7c8790;
  --colorGray600: #69757c;
  --colorMain: #0599d9;
  --colorStroke: #dde5e6;
  --colorSub: #cbe6f5;
  --familyMontserrat: "Montserrat", sans-serif;
  /* Families */
  /* Use the most common English font and Japanese Font as the base */
  --familyNotoSans: "Noto Sans JP", sans-serif;
  --familyPoppins: "Montserrat", sans-serif;
  --familyRoboto: "Roboto", "Noto Sans JP", sans-serif;
  /* Font Size clamp: https: //min-max-calculator.9elements.com/ */
  --fontMax14Min12: clamp(.75rem, .706rem + .19vw, .875rem);
  --fontMax16Min14: clamp(.875rem, .831rem + .19vw, 1rem);
  --fontMax18Min16: clamp(1rem, .956rem + .19vw, 1.125rem);
}