/* Main theme variables used for 3rd party tools outside of Emotion control.
All emotion work is done via theme files from b1x-ui.
This is a mirror of that for TV Chart, Ag-Grid and other ones if they can't access emotion theme */

/* Matador theme, more to be added as time comes. */
/* Note: For now I only added the base colours, not the secondary colours like purpls and neon which would be used only for charts
as charts can access emotion theme directly.
If we ever need the secondary colours here, we can review then and update as needed */
:root {
  --white: #ffffff;
  --neutral25: #fafafa;
  --neutral50: #f4f4f4;
  --neutral100: #e9e9e9;
  --neutral200: #d9d9d9;
  --neutral300: #bfbfbf;
  --neutral400: #a6a6a6;
  --neutral500: #8c8c8c;
  --neutral600: #676767;
  --neutral700: #454545;
  --neutral800: #262626;
  --neutral900: #1a1a1a;
  --neutral950: #121212;
  --black: #000000;

  --red100: #ffe5e5;
  --red200: #fcc4c4;
  --red300: #ff9e9e;
  --red400: #f67b7b;
  --red500: #ff454d;
  --red600: #bb020a;
  --red700: #660808;
  --red800: #4d0303;
  --red900: #330000;

  --green100: #defff0;
  --green200: #c3fce2;
  --green300: #9affd2;
  --green400: #65f2b3;
  --green500: #18e589;
  --green600: #00733f;
  --green700: #005931;
  --green800: #004023;
  --green900: #002615;

  --blue100: #dcedff;
  --blue200: #bbdcff;
  --blue300: #96c9ff;
  --blue400: #5facff;
  --blue500: #218cff;
  --blue600: #0955a6;
  --blue700: #053a73;
  --blue800: #00254d;
  --blue900: #00162f;

  --yellow100: #fdf2c4;
  --yellow200: #fde997;
  --yellow300: #fbe072;
  --yellow400: #fad84f;
  --yellow500: #ffd200;
  --yellow600: #f3c00b;
  --yellow700: #595900;
  --yellow800: #404000;
  --yellow900: #262600;

  --radius-sm: 1px;
  --radius-md: 1px;
  --radius-lg: 1px;
}