@charset "utf-8";


:root {
  --outline-color: pink;

  --no-color: transparent;

  /* * */
  --white: #fff;
  --white-rgb: 255, 255, 255;
  /* black */
  --black: #000;
  --black-rgb: 0, 0, 0;
  /* red */
  --dark-red: #a54726;
  --dark-red-rgb: 165, 71, 38;
  --deep-red: #9a5b5b;
  --deep-red-rgb: 154, 91, 91;
  --red-brown: #9A5B5B;
  --red-brown-rgb: 154, 91, 91;
  /* pink */
  --pink: #ff9595;
  --pink-rgb: 255, 149, 149;
  --light-pink: #faf1f4;
  --light-pink-rgb: 250, 241, 244;
  /* orange */
  --orange: #ee774d;
  --orange-rgb: 238, 119, 77;
  --light-orange: #f78469;
  --light-orange-rgb: 247, 132, 105;
  /* brown */
  --brown: #c49d93;
  --brown-rgb: 196, 157, 147;
  /* beige */
  --beige: #f7efe9;
  --beige-rgb: 247, 239, 233;
  /* pink-beige */
  --pink-beige: #fff8f6;
  --pink-beige-rgb: 55, 248, 246;
  /* gray */
  --gray: #e4e4e4;
  --gray-rgb: 228, 228, 228;

  /* *** */
  --text-color: #6e5e5e;
  --text-link-color: ;
  --text-link-hover-color: ;

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