:root {
  /* fonts */
  --desktop-p1: Raleway;
  --desktop-h1: Cormorant;

  /* font sizes */
  --desktop-p2-bold-size: 18px;
  --desktop-p1-size: 24px;
  --desktop-h2-size: 50px;
  --desktop-h1-size: 80px;

  /* Colors */
  --ffffff: #fff;
  --f9f5ef: #f9f5ef;
  --f3f3f: #3f3f3f;
  --c0aa93: #c0aa93;
  --style: #c98b3c;

  /* Gaps */
  --gap-0: 0px;
  --gap-xs: 10px;
  --gap-sm: 14px;
  --gap-md: 20px;
  --gap-lg: 30px;
  --gap-xl: 48px;

  /* Paddings */
  --padding-2xs: 10px;
  --padding-xs: 14px;
  --padding-sm: 20px;
  --padding-md: 22px;
  --padding-lg: 30px;
  --padding-xl: 48px;
  --padding-2xl: 370px;

  /* border radiuses */
  --br-3xs: 0.23px;
  --br-2xs: 0.45px;
  --br-xs: 1px;
  --br-sm: 14px;
  --br-md: 16px;
  --br-lg: 30px;
  --br-xl: 100px;
  --br-2xl: 150px;

  /* Effects */
  --effect: blur(10px);
}