@theme {
  --color-primary: #20b757;
  --color-secondary: #4371e9;
  --color-error: #ff6161;
  --color-warning: #bd7b00;
  --color-n0: #ffffff;
  --color-n10: #fafafb;
  --color-n20: #f5f6f7;
  --color-n30: #ebecef;
  --color-n40: #dfe0e4;
  --color-n50: #c1c4cc;
  --color-n60: #b2b6bf;
  --color-n70: #a6aab5;
  --color-n80: #979ca8;
  --color-n90: #888e9c;
  --color-n100: #798090;
  --color-n200: #6a7283;
  --color-n300: #5b6477;
  --color-n400: #4f586d;
  --color-n500: #404a60;
  --color-n600: #343e56;
  --color-n700: #222e48;
  --color-n800: #23262b;
  --color-n900: #0b1323;
  --color-n950: #1d1e24;
}