:root {
  /* fonts */
  --body-02-regular: "Open Sans";
  --display-extrabold: "Playfair Display";

  /* font sizes */
  --caption-extrabold-size: 12px;
  --body-03-bold-size: 14px;
  --body-02-regular-size: 16px;
  --body-01-regular-size: 20px;
  --heading-03-extrabold-size: 24px;
  --heading-02-extrabold-size: 28px;
  --heading-01-extrabold-size: 32px;
  --display-extrabold-size: 48px;

  /* Colors */
  --neutrals-700: #334155;
  --neutrals-0: #fff;
  --primary-900: #002aa6;
  --neutrals-1000: #000;
  --secondary-50: #f7f0d9;

  /* Gaps */
  --gap-sm: 16px;
  --gap-md: 24px;
  --gap-lg: 40px;

  /* Paddings */
  --padding-2xs: 12px;
  --padding-xs: 14px;
  --padding-sm: 16px;
  --padding-md: 17px;
  --padding-lg: 24px;
  --padding-xl: 40px;
  --padding-2xl: 120px;

  /* border radiuses */
  --br-sm: 4px;
  --br-md: 8px;
}