:root {
  --black: #191919;
  --white: #ffffff;
  --gray: #D9D9D933;
  --text-grey: #9A9AA1;
  --border-color: #3E3E3E;
 /* =====================
     FONT SIZE VARIABLES
  ===================== */
  --fs-10: 10px;
  --fs-12: 12px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-28: 28px;
  --fs-32: 32px;
  --fs-36: 36px;
  --fs-40: 40px;
  --fs-48: 48px;

  /* =====================
     SPACING VARIABLES
  ===================== */
  --space-2px: 2px;
  --space-4px: 4px;
  --space-6px: 6px;
  --space-8px: 8px;
  --space-10px: 10px;
  --space-12px: 12px;
  --space-16px: 16px;
  --space-20px: 20px;
  --space-24px: 24px;
  --space-32px: 32px;
  --space-40px: 40px;
  --space-48px: 48px;
  --space-64px: 64px;
}