@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

:root {
  --binance-20: #0c0d10;
  --binance-50: #14161a;
  --binance-100: #191a1f;
  --binance-200: #1f2024;
  --binance-400: #505155;

  --bg-color: var(--binance-20);
  --surface-50: #ffffff;
  --surface-100: #f7f9fd;
  --surface-200: #ecedee;
  --surface-300: #cbcfd2;
  --surface-400: #a7aeb4;
  --surface-600: #6b767f;

  --success-100: #1bc590;
  --success-150: #1b9e75;
  --success-300: #0E674B;
  --success-400: #0a4834;

  --primary-200: #49B9F8;

  --button-color: var(--surface-200);

  --main-font: IBM Plex Sans, sans-serif;
}