:root {
  /* ===== Colors ===== */
  --color-balck: #0F172A;
  --color-black-3: #83888C;
  --color-black-5: #2A2F31;
  --color-blue1: #436C81;
  --color-deep-blue: #004767;
  --color-error: #DC2626;
  --color-grey: #4B5563;
  --color-grey-light: #8D8D8D;
  --color-input-bg: #F8FAFC;
  --color-light-blue: #6996A8;
  --color-neutral-black: #2F3A45;
  --color-neutral-black-light: #5D717D;
  --color-neutral-white: #FFFFFF;
  --color-primary: #0096CC;
  --color-primary-active: #00668A;
  --color-primary-hover: #007BA8;
  --color-semantic-danger-light: #FDECEC;
  --color-semantic-success-light: #F2F8EC;
  --color-success: #15803D;
  --color-white: #FFFFFF;

  /* ===== Typography ===== */
  --font-body-family: "DM Sans";
  --font-body-weight: 400;
  --font-body-size: 16.0px;
  --font-body-lh: 24.0px;
  --font-body-ls: 0px;
  --font-body-bold-family: "Manrope";
  --font-body-bold-weight: 700;
  --font-body-bold-size: 16.0px;
  --font-body-bold-lh: 24.0px;
  --font-body-bold-ls: 0px;
  --font-body-regular-family: "DM Sans";
  --font-body-regular-weight: 400;
  --font-body-regular-size: 12.0px;
  --font-body-regular-lh: 20.0px;
  --font-body-regular-ls: 0px;
  --font-body-semibold-family: "Inter";
  --font-body-semibold-weight: 600;
  --font-body-semibold-size: 16.0px;
  --font-body-semibold-lh: 19.2px;
  --font-body-semibold-ls: 0px;
  --font-body-default-medium-family: "Inter";
  --font-body-default-medium-weight: 500;
  --font-body-default-medium-size: 16.0px;
  --font-body-default-medium-lh: 24.0px;
  --font-body-default-medium-ls: 0px;
  --font-h1-family: "Manrope";
  --font-h1-weight: 600;
  --font-h1-size: 52.0px;
  --font-h1-lh: 60.0px;
  --font-h1-ls: 0px;
  --font-h2-family: "Manrope";
  --font-h2-weight: 700;
  --font-h2-size: 36.0px;
  --font-h2-lh: 52.0px;
  --font-h2-ls: 0px;
  --font-h3-family: "Manrope";
  --font-h3-weight: 800;
  --font-h3-size: 30.0px;
  --font-h3-lh: 36.0px;
  --font-h3-ls: -0.75px;
  --font-h4-family: "Manrope";
  --font-h4-weight: 700;
  --font-h4-size: 24.0px;
  --font-h4-lh: 32.0px;
  --font-h4-ls: 0px;
  --font-label-small-family: "Inter";
  --font-label-small-weight: 400;
  --font-label-small-size: 14.0px;
  --font-label-small-lh: 24.0px;
  --font-label-small-ls: 0px;
  --font-lable-little-caption-family: "Inter";
  --font-lable-little-caption-weight: 400;
  --font-lable-little-caption-size: 12.0px;
  --font-lable-little-caption-lh: 14.5px;
  --font-lable-little-caption-ls: 0px;
}