body {
  --color-basic-900: #16161a;
  --color-basic-800: #6F7471;
  --color-basic-600: #595959;
  --color-basic-300: #b9b9ba;
  --color-basic-100: #f3f3f4;
  
  --color-green-300: #DAE7D4;
  --color-green-400: #14F195;
  --color-green-500: #89E231;
  --color-green-600: #00C708;
  --color-green-700: #359B11;
  --color-green-800: #0B703F;
  --color-green-1000: #004039;
  --color-green-1100: #092B28;

  --color-teal-400: #8FE2DD;
  --color-teal-600: #0D858B;

  --spacing-one: 2px;
  --spacing-two: 4px;
  --spacing-three: 8px;
  --spacing-four: 16px;
  --spacing-five: 32px;
  --spacing-six: 64x;
  --spacing-seven: 128px;

  --box-shadow-xl: -56.1015px 50.7752px 60.5336px rgba(12, 63, 92, 0.07), -36.3621px 32.9098px 35.4514px rgba(12, 63, 92, 0.0531481), -21.6095px 19.5578px 19.2811px rgba(12, 63, 92, 0.0425185), -11.2203px 10.155px 9.83672px rgba(12, 63, 92, 0.035), -4.57124px 4.13724px 4.93237px rgba(12, 63, 92, 0.0274815), -1.03892px 0.940281px 2.38211px rgba(12, 63, 92, 0.0168519);
}