[data-theme='dark'] {
  /* =========================
   Base (Dark)
   ========================= */

  --color-base-0: #101c2e;
  --color-base-50: #0b1422;
  --color-base-100: #18283e;
  --color-base-200: #223752;
  --color-base-300: #36506d;
  --color-base-400: #7790ad;
  --color-base-500: #98abc2;
  --color-base-600: #b1c2d6;
  --color-base-700: #c4d1e2;
  --color-base-800: #dbe5f2;
  --color-base-850: #e2eaf5;
  --color-base-900: #eaf0f8;
  --color-base-950: #f7f9fc;
  --color-base-1000: #ffffff;

  /* =========================
   Primary
   ========================= */

  --color-primary-50: #07131f;
  --color-primary-100: #0b2647;
  --color-primary-200: #0f5199;
  --color-primary-300: #095ec4;
  --color-primary-400: #0276f3;
  --color-primary-500: #20a6ff;
  --color-primary-600: #4ac3ff;
  --color-primary-700: #84d9ff;
  --color-primary-800: #b6e7ff;
  --color-primary-900: #d6f1ff;
  --color-primary-950: #edf9ff;

  /* =========================
   Info
   ========================= */

  --color-info-50: #140033;
  --color-info-100: #2a0174;
  --color-info-200: #4908aa;
  --color-info-300: #5907d6;
  --color-info-400: #6809f8;
  --color-info-500: #7c41ff;
  --color-info-600: #9a77ff;
  --color-info-700: #bba8ff;
  --color-info-800: #d8cfff;
  --color-info-900: #eae5ff;
  --color-info-950: #f3f1ff;

  /* =========================
   Success
   ========================= */

  --color-success-50: #04160c;
  --color-success-100: #082b18;
  --color-success-200: #184f30;
  --color-success-300: #1b6039;
  --color-success-400: #1c7943;
  --color-success-500: #2dba68;
  --color-success-600: #54d489;
  --color-success-700: #8de8b2;
  --color-success-800: #bff3d4;
  --color-success-900: #defae9;
  --color-success-950: #f1fcf5;

  /* =========================
   Warning
   ========================= */

  --color-warning-50: #1a0c02;
  --color-warning-100: #441b06;
  --color-warning-200: #7e3a10;
  --color-warning-300: #9c4410;
  --color-warning-400: #c55709;
  --color-warning-500: #fd941c;
  --color-warning-600: #feaa39;
  --color-warning-700: #ffcb72;
  --color-warning-800: #ffe2a9;
  --color-warning-900: #fff2d4;
  --color-warning-950: #fff9ed;

  /* =========================
   Error
   ========================= */

  --color-error-50: #200506;
  --color-error-100: #450a0c;
  --color-error-200: #7f1d21;
  --color-error-300: #991b20;
  --color-error-400: #b91c22;
  --color-error-500: #ef444b;
  --color-error-600: #f87177;
  --color-error-700: #fca5a9;
  --color-error-800: #fecacc;
  --color-error-900: #fee2e3;
  --color-error-950: #fef2f2;
}

:root:not([data-theme='dark']),
[data-theme='light'] {
  /* =========================
   Base (Light)
   ========================= */

  --color-base-0: #ffffff;
  --color-base-50: #f7f9fc;
  --color-base-100: #e9eff5;
  --color-base-200: #dce5f0;
  --color-base-300: #c7d5e7;
  --color-base-400: #a6bdd8;
  --color-base-500: #7185a2;
  --color-base-600: #536b89;
  --color-base-700: #365171;
  --color-base-800: #213650;
  --color-base-850: #1d3b60;
  --color-base-900: #193354;
  --color-base-950: #0b192b;
  --color-base-1000: #061226;

  /* =========================
   Primary
   ========================= */

  --color-primary-50: #eff6ff;
  --color-primary-100: #e1efff;
  --color-primary-200: #bfdbfe;
  --color-primary-300: #93c5fd;
  --color-primary-400: #3b82f6;
  --color-primary-500: #005bf0;
  --color-primary-600: #004bd0;
  --color-primary-700: #0041b5;
  --color-primary-800: #193e80;
  --color-primary-900: #193354;
  --color-primary-950: #0b192b;

  /* =========================
   Info
   ========================= */

  --color-info-50: #f3f1ff;
  --color-info-100: #eae5ff;
  --color-info-200: #d8cfff;
  --color-info-300: #bba8ff;
  --color-info-400: #9a77ff;
  --color-info-500: #7c41ff;
  --color-info-600: #711bff;
  --color-info-700: #6809f8;
  --color-info-800: #5907d6;
  --color-info-900: #4908aa;
  --color-info-950: #2a0174;

  /* =========================
   Success
   ========================= */

  --color-success-50: #f1fcf5;
  --color-success-100: #defae9;
  --color-success-200: #bff3d4;
  --color-success-300: #8de8b2;
  --color-success-400: #54d489;
  --color-success-500: #2dba68;
  --color-success-600: #1f9751;
  --color-success-700: #1c7943;
  --color-success-800: #1b6039;
  --color-success-900: #184f30;
  --color-success-950: #082b18;

  /* =========================
   Warning
   ========================= */

  --color-warning-50: #fff9ed;
  --color-warning-100: #fff2d4;
  --color-warning-200: #ffe2a9;
  --color-warning-300: #ffcb72;
  --color-warning-400: #feaa39;
  --color-warning-500: #fd941c;
  --color-warning-600: #ee7308;
  --color-warning-700: #c55709;
  --color-warning-800: #9c4410;
  --color-warning-900: #7e3a10;
  --color-warning-950: #441b06;

  /* =========================
   Error
   ========================= */

  --color-error-50: #fef2f2;
  --color-error-100: #fee2e3;
  --color-error-200: #fecacc;
  --color-error-300: #fca5a9;
  --color-error-400: #f87177;
  --color-error-500: #ef444b;
  --color-error-600: #de333a;
  --color-error-700: #b91c22;
  --color-error-800: #991b20;
  --color-error-900: #7f1d21;
  --color-error-950: #450a0c;
}