:root {
  /* fonts */
  --font-kinuta-marumarugothic-asr-stdn: "Kinuta MaruMaruGothic ASr StdN";
  --font-inherit: inherit;
  --font-inter: Inter;

  /* font sizes */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.81rem;
  --font-size-base: 0.88rem;
  --font-size-lg: 0.94rem;
  --font-size-xl: 1rem;
  --font-size-2xl: 1.13rem;
  --font-size-3xl: 1.25rem;
  --font-size-4xl: 1.44rem;
  --font-size-5xl: 1.5rem;
  --font-size-6xl: 1.75rem;
  --font-size-7xl: 1.88rem;
  --font-size-8xl: 6.25rem;

  /* Colors */
  --color-white: #fff;
  --color-seagreen-100: #169c67;
  --color-seagreen-200: #0e915d;
  --color-midnightblue: #000846;
  --color-aliceblue: #ecf5ff;
  --color-cornflowerblue: #0075c2;
  --color-khaki: #fedc5e;
  --color-lightsteelblue: #c7d9f0;
  --color-black: #000;

  /* Gaps */
  --gap-4xs: 0.06rem;
  --gap-3xs: 0.5rem;
  --gap-2xs: 0.63rem;
  --gap-xs: 0.81rem;
  --gap-sm: 0.94rem;
  --gap-md: 1rem;
  --gap-lg: 1.25rem;
  --gap-xl: 1.88rem;
  --gap-2xl: 2.5rem;
  --gap-3xl: 3.75rem;

  /* Paddings */
  --padding-7xs: 0.25rem;
  --padding-6xs: 0.31rem;
  --padding-5xs: 0.44rem;
  --padding-4xs: 0.63rem;
  --padding-3xs: 0.75rem;
  --padding-2xs: 0.81rem;
  --padding-xs: 0.88rem;
  --padding-sm: 0.94rem;
  --padding-md: 1rem;
  --padding-lg: 1.25rem;
  --padding-xl: 1.88rem;
  --padding-2xl: 1.94rem;
  --padding-3xl: 2.5rem;
  --padding-4xl: 3.13rem;
  --padding-5xl: 3.75rem;
  --padding-6xl: 5.63rem;
  --padding-7xl: 7.5rem;

  /* border radiuses */
  --br-xs: 7px;
  --br-sm: 7.5px;
  --br-md: 15px;
  --br-lg: 30px;
}