:root {
  /* fonts */
  --font-hiragino-kaku-gothic-pron: "Hiragino Kaku Gothic ProN";
  --font-montserrat-medium: Montserrat-Medium;
  --font-montserrat-semibold: Montserrat-SemiBold;
  --font-montserrat: Montserrat;
  --font-montserrat-regular: Montserrat-Regular;

  /* font sizes */
  --font-size-7xs: 9px;
  --font-size-6xs: 14px;
  --font-size-5xs: 17px;
  --font-size-4xs: 18px;
  --font-size-3xs: 19px;
  --font-size-2xs: 22px;
  --font-size-xs: 24px;
  --font-size-sm: 25px;
  --font-size-base: 26px;
  --font-size-lg: 27px;
  --font-size-xl: 48px;
  --font-size-2xl: 55px;

  /* Colors */
  --color-white: #fff;
  --color-black: #000;
  --color-gray-100: #140f26;
  --color-gray-200: #131315;
  --color-gray-300: rgba(20, 15, 38, 0.8);
  --color-gray-400: rgba(255, 255, 255, 0.5);
  --color-gray-500: rgba(255, 255, 255, 0);
  --color-dodgerblue: rgba(28, 143, 248, 0.34);
  --color-darkgray-100: #a8a8a8;
  --color-darkgray-200: #a1a1a1;
  --color-gold: #f8e71c;
  --color-cornflowerblue: #50a1ff;
  --color-whitesmoke: #f4f6f9;
  --color-slategray: #6c7b8a;
  --color-mediumslateblue: #4c5fef;
  --color-dimgray-100: #6f6f6f;
  --color-gainsboro: #dbdbdb;
  --color-mediumblue: #1e1ed7;
  --color-silver: #c4c4c4;
  --color-lavender: #f5edff;
  --color-mediumaquamarine: #1ed7a6;

  /* border radiuses */
  --br-4xs: 2.67px;
  --br-3xs: 5.33px;
  --br-2xs: 15px;
  --br-xs: 40px;
  --br-sm: 43px;
  --br-md: 45px;
  --br-lg: 48px;
  --br-xl: 53px;
  --br-2xl: 67px;
  --br-3xl: 78px;
  --br-4xl: 100px;
}