@charset "utf-8";


:root {
  --outline-color: #3f0265;

  --no-color: transparent;

  /* * */
  --white: #fff;
  --white-rgb: 255, 255, 255;
  /* black */
  --black: #000;
  --black-rgb: 0, 0, 0;
  /* purple */
  --purple: #7636a3;
  --purple-rgb: 118, 54, 163;
  --dark-purple: #3f0265;
  --dark-purple-rgb: 63, 2, 101;
  --light-purple: #f9f6fc;
  --light-purple-rgb: 249, 246, 252;
  /* red */
  --red: #b44435;
  --red-rgb: 180, 68, 53;
  /* orange */
  --orange: #ec580f;
  --orange-rgb: 236, 88, 15;
  --light-orange: #ef8b14;
  --light-orange-rgb: 239, 139, 20;
  /* brown */
  --brown: #6b2a03;
  --brown-rgb: 107, 42, 3;
  --light-brown: #be6823;
  --light-brown-rgb: 190, 104, 35;
  /* gray */
  --gray: #ededed;
  --gray-rgb: 237, 237, 237;
  --light-gray: #f0f0f0;
  --light-gray-rgb: 240, 240, 240;
  --dark-gray: #d6d6d6;
  --dark-gray-rgb: 214, 214, 214;

  /* green */
  --light-green: #85ae1b;
  --light-green-rgb: 133, 174, 27;
  /* navy */
  --navy: #163750;
  --navy-rgb: 22, 55, 80;

  /* *** */
  --text-color: #333333;
  --text-link-color: ;
  --text-link-hover-color: ;

  /* width */
  --content-max-width: 1240px;
  --document-max-width: 1440px;
  /* margin */
  --common-area-heading-after: 2.5em;
}