:root {
  --light-blue-100: #79d9ff;
  --light-blue-200: #00b6ff;
  --light-blue-300: #1689ca;
  --light-blue-400: #035ba9;
  --light-blue-500: #074b86;

  --primary-blue-100: #b0c4dd;
  --primary-blue-200: #7c9cb9;
  --primary-blue-300: #345b8f;
  --primary-blue-400: #153c71;
  --primary-blue-500: #173f6f;
  --primary-blue-600: #112f5c;
  --primary-blue-700: #0b1e3c;

  --green-100: #d3e7d5;
  --green-200: #a8ceab;
  --green-300: #7cb580;
  --green-400: #509c55;
  --green-500: #358540;
  --green-600: #235b2d;
  --green-700: #1f4e24;

  --grey-100: #f4f7f9;
  --grey-200: #e8ebed;
  --grey-300: #d1d6da;
  --grey-400: #b9c0c5;
  --grey-500: #a2a9af;
  --grey-600: #8d9299;
  --grey-700: #777c83;
  --grey-800: #61666d;
  --grey-900: #231f20;

  --orange-1: #f58220;
  --red-1: #cf0808;
}

[data-theme='dark'] {
  --color-bg: #000000;
  --color-text: #ffffff;
}