variables.txt

:root[data-theme="light"] {
  --text-50: #eae9fc;
  --text-100: #d4d2f9;
  --text-200: #a9a5f3;
  --text-300: #7e78ed;
  --text-400: #534be7;
  --text-500: #281fe0;
  --text-600: #2018b4;
  --text-700: #181287;
  --text-800: #100c5a;
  --text-900: #08062d;
  --text-950: #040316;

  --background-50: #ebebfa;
  --background-100: #d6d6f5;
  --background-200: #adadeb;
  --background-300: #8585e0;
  --background-400: #5c5cd6;
  --background-500: #3333cc;
  --background-600: #2929a3;
  --background-700: #1f1f7a;
  --background-800: #141452;
  --background-900: #0a0a29;
  --background-950: #050514;

  --primary-50: #e7e5ff;
  --primary-100: #cfccff;
  --primary-200: #9e99ff;
  --primary-300: #6e66ff;
  --primary-400: #3d33ff;
  --primary-500: #0d00ff;
  --primary-600: #0a00cc;
  --primary-700: #080099;
  --primary-800: #050066;
  --primary-900: #030033;
  --primary-950: #01001a;

  --secondary-50: #e7e5ff;
  --secondary-100: #cfccff;
  --secondary-200: #9e99ff;
  --secondary-300: #6e66ff;
  --secondary-400: #3d33ff;
  --secondary-500: #0d00ff;
  --secondary-600: #0a00cc;
  --secondary-700: #080099;
  --secondary-800: #050066;
  --secondary-900: #030033;
  --secondary-950: #01001a;

  --accent-50: #e6e5ff;
  --accent-100: #ceccff;
  --accent-200: #9c99ff;
  --accent-300: #6b66ff;
  --accent-400: #3a33ff;
  --accent-500: #0800ff;
  --accent-600: #0700cc;
  --accent-700: #050099;
  --accent-800: #030066;
  --accent-900: #020033;
  --accent-950: #01001a;

}
:root[data-theme="dark"] {
  --text-50: #040316;
  --text-100: #08062d;
  --text-200: #100c5a;
  --text-300: #181287;
  --text-400: #2018b4;
  --text-500: #281fe0;
  --text-600: #534be7;
  --text-700: #7e78ed;
  --text-800: #a9a5f3;
  --text-900: #d4d2f9;
  --text-950: #eae9fc;

  --background-50: #050514;
  --background-100: #0a0a29;
  --background-200: #141452;
  --background-300: #1f1f7a;
  --background-400: #2929a3;
  --background-500: #3333cc;
  --background-600: #5c5cd6;
  --background-700: #8585e0;
  --background-800: #adadeb;
  --background-900: #d6d6f5;
  --background-950: #ebebfa;

  --primary-50: #01001a;
  --primary-100: #030033;
  --primary-200: #050066;
  --primary-300: #080099;
  --primary-400: #0a00cc;
  --primary-500: #0d00ff;
  --primary-600: #3d33ff;
  --primary-700: #6e66ff;
  --primary-800: #9e99ff;
  --primary-900: #cfccff;
  --primary-950: #e7e5ff;

  --secondary-50: #01001a;
  --secondary-100: #030033;
  --secondary-200: #050066;
  --secondary-300: #080099;
  --secondary-400: #0a00cc;
  --secondary-500: #0d00ff;
  --secondary-600: #3d33ff;
  --secondary-700: #6e66ff;
  --secondary-800: #9e99ff;
  --secondary-900: #cfccff;
  --secondary-950: #e7e5ff;

  --accent-50: #01001a;
  --accent-100: #020033;
  --accent-200: #030066;
  --accent-300: #050099;
  --accent-400: #0700cc;
  --accent-500: #0800ff;
  --accent-600: #3a33ff;
  --accent-700: #6b66ff;
  --accent-800: #9c99ff;
  --accent-900: #ceccff;
  --accent-950: #e6e5ff;
}