@theme inline {
  /* Neutral */
  --color-neutral-10: #ffffff;
  --color-neutral-40: #e0e0e0;
  --color-neutral-70: #757575;
  --color-neutral-80: #616161;
  --color-neutral-100: #0a0a0a;
  --color-neutral-20: #f5f5f5;

  /* Primary */
  --color-primary-50: #eae9f2;
  --color-primary-100: #bcbcd7;
  --color-primary-200: #9c9cc4;
  --color-primary-300: #6f6ea9;
  --color-primary-400: #535298;
  --color-primary-500: #28277e;
  --color-primary-600: #242373;
  --color-primary-700: #1c1c59;
  --color-primary-800: #161545;
  --color-primary-900: #111035;

  /* Secondary */
  --color-secondary-50: #fbf2eb;
  --color-secondary-100: #f4d5c1;
  --color-secondary-200: #eec1a3;
  --color-secondary-300: #e6a579;
  --color-secondary-400: #e1945f;
  --color-secondary-500: #da7937;
  --color-secondary-600: #c66e32;
  --color-secondary-700: #9b5627;
  --color-secondary-800: #78431e;
  --color-secondary-900: #5c3317;

  /* Danger */
  --color-danger-50: #ffedee;
  --color-danger-100: #ffc8ca;
  --color-danger-200: #ffadb0;
  --color-danger-300: #ff878c;
  --color-danger-400: #ff7076;
  --color-danger-500: #ff4c54;
  --color-danger-600: #e8454c;
  --color-danger-700: #b5363c;
  --color-danger-800: #8c2a2e;
  --color-danger-900: #6b2023;

  /* Success */
  --color-success-50: #e6f9f1;
  --color-success-100: #b0edd5;
  --color-success-200: #8ae5c0;
  --color-success-300: #54d9a4;
  --color-success-400: #33d192;
  --color-success-500: #00c677;
  --color-success-600: #00b46c;
  --color-success-700: #008d54;
  --color-success-800: #006d41;
  --color-success-900: #005332;
}