:root {
  /* Neutral colors */
  --color-neutral-white: #ffffff;
  --color-neutral-50: #ffffff;
  --color-neutral-100: #f6f6f6;
  --color-neutral-200: #e7e7e7;
  --color-neutral-300: #d1d1d1;
  --color-neutral-400: #b0b0b0;
  --color-neutral-500: #888888;
  --color-neutral-600: #6d6d6d;
  --color-neutral-700: #5d5d5d;
  --color-neutral-800: #4F4F4F;
  --color-neutral-900: #454545;
  --color-neutral-black: #000000;

  /* Primary colors */
  --color-primary-50: #fff0f3;
  --color-primary-100: #ffdde3;
  --color-primary-200: #ffc1cb;
  --color-primary-300: #ff95a7;
  --color-primary-400: #ff5975;
  --color-primary-500: #ff264a; /* main */
  --color-primary-600: #fc062f;
  --color-primary-700: #e20026;
  --color-primary-800: #af0522;
  --color-primary-900: #900c22;

  /* Success colors */
  --color-success-50: #F0FDF2;
  --color-success-100: #DCFCE3;
  --color-success-200: #BBF7C9;
  --color-success-300: #87EE9F;
  --color-success-400: #4BDD6E;
  --color-success-500: #23C44A; /* main */
  --color-success-600: #17A239;
  --color-success-700: #167F30;
  --color-success-800: #167F30;
  --color-success-900: #124921;

  /* Warning colors  */
  --color-warning-50: #FFF6E9;
  --color-warning-100: #FEEED6;
  --color-warning-200: #FDDDAC;
  --color-warning-300: #FDCC83;
  --color-warning-400: #FCBB59;
  --color-warning-500: #FBAA30; /* main */
  --color-warning-600: #C98826;
  --color-warning-700: #97661D;
  --color-warning-800: #644413;
  --color-warning-900: #3D3009;

  /* Error colors */
  --color-error-50: #fbecec;
  --color-error-100: #fbdbda;
  --color-error-200: #F8B7B5;
  --color-error-300: #F49390;
  --color-error-400: #F16F6B;
  --color-error-500: #DE332E; /* main */
  --color-error-600: #BE3C38;
  --color-error-700: #8E2D2A;
  --color-error-800: #5F1E1C;
  --color-error-900: #231B03;
}