:root {
  /* fonts */
  --header: Arsenal;
  --font-zen-old-mincho: "Zen Old Mincho";
  --font-zen-kaku-gothic-new: "Zen Kaku Gothic New";
  --font-cormorant-garamond: "Cormorant Garamond";

  /* font sizes */
  --header-size: 0.88rem;
  --font-size-xl: 1.25rem;
  --font-size-81xl: 6.25rem;
  --font-size-5xl: 1.5rem;
  --font-size-201xl: 13.75rem;
  --font-size-29xl: 3rem;
  --font-size-xs: 0.75rem;
  --font-size-smi: 0.81rem;
  --font-size-3xs: 0.63rem;
  --h1-size: 1.13rem;
  --font-size-2xs: 0.69rem;
  --font-size-7xl: 1.63rem;
  --font-size-41xl: 3.75rem;
  --font-size-base: 1rem;

  /* Colors */
  --color-white: #fff;
  --color-gray-100: #838071;
  --black: #222021;
  --color-darksalmon: #db9e8b;
  --color-gainsboro: #d9d9d9;
  --base-beige: #fcfaf2;
  --color-darkslategray-100: #394f35;
  --color-darkslategray-200: #163325;
  --color-whitesmoke: #edebe8;
  --color-darkgray: #959699;
  --color-dimgray-100: #6a6a5f;
  --color-dimgray-200: #586556;
  --color-black: #000;
  --color-darkkhaki: #9e874f;

  /* Gaps */
  --gap-3xs: 0.63rem;
  --gap-41xl: 3.75rem;
  --gap-3xl: 1.38rem;
  --gap-45xl: 4rem;
  --gap-21xl: 2.5rem;
  --gap-11xl: 1.88rem;
  --gap-xl: 1.25rem;
  --gap-5xl: 1.5rem;
  --gap-5xs: 0.5rem;
  --gap-81xl: 6.25rem;
  --gap-141xl: 10rem;
  --gap-31xl: 3.13rem;

  /* Paddings */
  --padding-81xl: 6.25rem;
  --padding-8xs: 0.31rem;
  --padding-141xl: 10rem;
  --padding-101xl: 7.5rem;
  --padding-21xl: 2.5rem;
  --padding-2xl: 1.31rem;
  --padding-5xs: 0.5rem;

  /* Border radiuses */
  --br-81xl: 100px;
  --br-41xl: 60px;
  --br-11xl: 30px;
  
  /* gradation */
  --gradient: radial-gradient(50% 50% at 50% 50%, rgba(255, 237, 190, 0) 64.83%, #FFEDBE 77.53%, #FFBCC3 90.17%);
  
}