:root {
  --color-blue: #187FC4;
  --color-comment-blue: #0070BA;

  --color-orange: #F88706;
  --color-green: #22AC38;

  --color-white: #ffffff;

  --color-black: #000;
  --color-border-black: #222;

  --color-gray: #555;
  --color-border-gray: #D9D9D9;
  --color-comment-gray: #EBF2F6;
  --color-traffic-gray: #A1A1A1;
  --color-table-gray: #BCBCBC;
  --color-step-gray: #707070;
  --color-form-disabled-gray: #757575;
  
  --color-ivory: #EDEDE6;

  --color-red: #FF0000;

  --color-modal-green: #A1F5AF;
  --color-modal-orange: #FFCA52;
  --color-modal-yellow: #FDF475;
  --color-modal-blue: #C0ECF8;
  --color-modal-purple: #CBB2FD;
  --color-modal-pink: #FF8994;

  --font-en: 'Anton', sans-serif;
  --font-jp: "Dela Gothic One";
  --font-sign: "Noto Sans JP", sans-serif;
  --font-light: 300;
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-black: 900;
}