:root {
  --primary: #EF3333;
  --primaryOriginal: #FF0000;
  --primaryDarker: #B92828;
  --secondary: #34C4D7;
  --secondary16: #34C4D729;
  --tertiary: #9356E0;
  --tetriary16: #9356E029;
  --white: #ECF4F9;
  --black: #000000;
  --error: #EF3333;
  --error16: #EF333329;
  --positive: #41CA00;
  --masterCard: #D2CAC3;
  --visa: #D2D2D2;
  --overlay: #5B5B5B3D;

  --fill0: #000000;
  --fill1: #ECF4F9;
  --fill2: #607B8A;
  --fill3: #AFC0C9;
  --fill4: #EFF3F5;
  --fill5: #FFFFFF;
  --fill6: #FBFDFE;
  --fill7: #F6B4B4;
  --fill8: #EFF3F5;
  --fill9: #E2EAEE;

  --text0: #000000;
  --text1: #ECF4F9;
  --text2: #607B8A;
  --text3: #AFC0C9;
  --text4: #F6B4B4;

  --fill0Darkmode: #ECF4F9;
  --fill1Darkmode: #000000;
  --fill2Darkmode: #717578;
  --fill3Darkmode: #585B5C;
  --fill4Darkmode: #2D2E2F;
  --fill5Darkmode: #181819;
  --fill6Darkmode: #000000;
  --fill7Darkmode: #000000;
  --fill8Darkmode: #ECF4F91A;
  --fill9Darkmode: #212223;

  --text0Darkmode: #ECF4F9;
  --text1Darkmode: #000000;
  --text2Darkmode: #7E8284;
  --text3Darkmode: #43474A;
  --text4Darkmode: #000000;

  --heading1: 32px;
  --heading2: 48px;
  --heading3: 32px;
  --heading4: 20px;

  --pLarge: 18px;
  --pMedium: 16px;
  --pSmall: 14px;
  --caption: 12px;
  --other: 10px;

  --pMediumWeight: 500;
  --pRegularWeight: 400;

  --captionLineHeight: 16px;
  --pSmallLineHeight: 20px;
  --pLargeLineHeight: 24px;

  --externalTransfer: #34C4D7;
  --internalTransfer: #9356E0;
  --cardPayment: #EAD620;
  --savings: #68D16C;
  --atm: #7E9BFF;
  --charity: #B2C152;
  --other: #ACB4B7;
}

body {
  font-family: 'Inter', 'Arial', sans-serif;
}