/* Use this file to store your useful variables */
/* This could be colors, fonts, or padding sizes! */

:root {
  /* Fonts */
  --font-inter: Inter;
  --font-inria-serif: "Inria Serif";

  /* Font Sizes */
  --font-size-xl: 20px;
  --font-size-base: 16px;
  --font-size-6xl: 25px;
  --font-size-5xl: 24px;
  --font-size-17xl: 36px;
  --font-size-10xl: 29px;
  --font-size-3xl: 22px;
  --font-size-21xl: 40px;
  --font-size-13xl: 32px;
  --font-size-lg: 18px;
  --font-size-11xl: 30px;

  /* Colors */
  --color-white: #fff;
  --color-lavenderblush: #fef2f2;
  --color-black: #000;
  --color-firebrick-100: #b91c1c;
  --color-gainsboro: #d9d9d9;
  --color-brown-100: #bf4242;
  --color-brown-200: #991b1b;
  --color-gray-100: #1f2937;
  --color-whitesmoke-200: #f4f4f4;
  --color-gray: #d9d9d9;
  --color-light-gray: #f8fafc;
  --color-item: #fef2f2;

  /* Gaps */
  --gap-9xl: 28px;
  --gap-28xl: 47px;
  --gap-4xl: 23px;
  --gap-30xl: 49px;
  --gap-xl: 20px;
  --gap-29xl: 48px;
  --gap-2xs: 11px;
  --gap-lg-5: 18.5px;
  --gap-20xl: 39px;
  --gap-lgi: 19px;
  --gap-117xl: 136px;
  --gap-5xl: 24px;
  --gap-254xl: 273px;
  --gap-base: 16px;
  --gap-15xl: 34px;
  --gap-18xl: 37px;
  --gap-23xl: 42px;
  --gap-24xl: 43px;

  /* Paddings */
  --padding-sm: 14px;
  --padding-36xl: 55px;
  --padding-4xs: 9px;
  --padding-xl: 20px;
  --padding-3xs: 10px;
  --padding-mini: 15px;
  --padding-4xl: 23px;
  --padding-8xl: 27px;
  --padding-12xl: 31px;
  --padding-38xl: 57px;
  --padding-39xl: 58px;
  --padding-11xl: 30px;
  --padding-15xl: 34px;
  --padding-16xl: 35px;
  --padding-17xl: 36px;
  --padding-18xl: 37px;
  --padding-28xl: 47px;
  --padding-base: 16px;
  --padding-26xl: 45px;
  --padding-6xl: 25px;
  --padding-9xs: 4px;
  --padding-10xl: 29px;
  --padding-13xl: 48px;

  /* Border Radiuses */
  --br-mini: 15px;
}