@charset "utf-8";


:root {
  --outline-color: rgba(var(--red-rgb), .77);

  --no-color: transparent;
  /* * */
  --white: #fff;
  --white-rgb: 255, 255, 255;
  /* black */
  --black: #000;
  --black-rgb: 0, 0, 0;
  /* gray */
  --gray: #ccc;
  --gray-rgb: 204, 204, 204;
  /* darkgray */
  --darkgray: #444;
  --darkgray-rgb: 68, 68, 68;
  /* blue */
  --blue: #009fe1;
  --blue-rgb: 0, 159, 225;
  /* darkblue */
  --darkblue: #0083f5;
  --darkblue-rgb: 0, 141, 231;
  /* darkblue-light */
  --darkblue-light: #008de7;
  --darkblue-light-rgb: 0, 131, 245;
  /* red */
  --red: #ff2929;
  --red-rgb: 255, 41, 41;
  /* darkred */
  --darkred: #9c0f33;
  --darkred-rgb: 156, 15, 51;
  /* orange */
  --orange: #ff6700;
  --orange-rgb: 255, 103, 0;
  /* darkorange */
  --darkorange: #8b3b0a;
  --darkorange-rgb: 139, 59, 10;
  /* yellow */
  --yellow: rgb(254, 226, 15);
  --yellow-rgb: 254, 226, 15;
  /* green */
  /* --green: #008b61; */
  --green: #10a242;
  --green-rgb: 16, 162, 66;
  /* darkgreen */
  --darkgreen: #005d41;
  --darkgreen-rgb: 0, 93, 65;
  /* light-green */
  --light-green: #5bb46d;
  --light-yellow-rgb: 91, 180, 109;
  /* light-yellow */
  --light-yellow: #fffae4;
  --light-yellow-rgb: 255, 250, 228;
  /* light-blue */
  --light-blue: #d0ebf2;
  --light-blue-rgb: 208, 235, 242;
  /* light-orange */
  --light-orange: #ff722f;
  --light-orange-rgb: 255, 114, 47;
  /* light-red */
  --light-red: #ff4929;
  --light-red-rgb: 255, 73, 41;
  /* *** */
  --text-color: #393939;
  --text-reverse-color: #fff;
  --text-link-color: var(--blue);
  --text-link-hover-color: rgba(var(--blue-rgb), .77);
  /* width */
  --content-max-width: 1180px;
  --document-max-width: 1440px;
}





/* *** */