:root {
  --color-golden: #dfb887;
  --color-goldenyellow: #eaa14c;
  --color-light-goldenyellow: #f1b33e;
  --color-lightergray: #f4f3f1;
  --color-lightgray: #f7f7f9;
  --color-middlegreen: #ababab;

  --color-white-opacity: #ffffff;
  --color-white-opacity-8: rgba(255, 255, 255, 0.8);
  --color-white-opacity-6: rgba(255, 255, 255, 0.6);
  --color-white-opacity-4: rgba(255, 255, 255, 0.4);
  --color-white-opacity-2: rgba(255, 255, 255, 0.2);
  --color-white-opacity-1: rgba(255, 255, 255, 0.1);
  --color-white-opacity-05: rgba(255, 255, 255, 0.05);

  --color-black-opacity: #000000;
  --color-black-opacity-8: rgba(0, 0, 0, 0.8);
  --color-black-opacity-6: rgba(0, 0, 0, 0.6);
  --color-black-opacity-4: rgba(0, 0, 0, 0.4);
  --color-black-opacity-2: rgba(0, 0, 0, 0.2);
  --color-black-opacity-1: rgba(0, 0, 0, 0.1);
  --color-black-opacity-05: rgba(0, 0, 0, 0.05);
  --color-black-opacity-02: rgba(0, 0, 0, 0.02);

  --color-linear-lightgoldenyellow: linear-gradient(90deg, #ffbd35 0%, #ffd260 100%);
  --color-linear-goldenyellow: linear-gradient(90deg, #f6a62c 0%, #ffbc3f 100%);
  --color-linear-golden: linear-gradient(117deg, #c99e6b 0%, #e2c894 100%);
  --color-linear-pink: linear-gradient(96.8deg, #e2acbc 3%, #ffece8 100%);
  --color-linear-lightyellow: linear-gradient(96deg, #dcc7a7 3%, #f1ddc5 100%);
  --color-linear-blue: linear-gradient(96.8deg, #acc2e2 2.93%, #ddf0fe 100%);

  --shadow-one: 0px 5px 15px rgba(0, 0, 0, 0.15);
  --shadow-two: 0px 6px 20px rgba(0, 0, 0, 0.125);
  --shadow-three: 0px 10px 30px rgba(0, 0, 0, 0.11);
  --shadow-four: 0px 10px 35px rgba(0, 0, 0, 0.12);
  --shadow-five: 0px 15px 60px rgba(0, 0, 0, 0.12);
  --shadow-six: 0px 17.5px 70px rgba(0, 0, 0, 0.12);
  --shadow-seven: 0px -30px 30px rgba(0, 0, 0, 0.03);
}