:root {
  /* Grey */
  --black: #000000;
  --grey-900: #18151a;
  --grey-800: #3a333c;
  --grey-700: #5a545c;
  --grey-600: #7d767f;
  --grey-500: #a199a3;
  --grey-450: #b7b0b9;
  --grey-400: #cec8cf;
  --grey-300: #e6e1e7;
  --grey-250: #eceaed;
  --grey-200: #f3f2f3;
  --grey-100: #f9f9f9;
  --white: #ffffff;

  /* Green */
  --green-100: #cbead6;
  --green-200: #a4d9b8;
  --green-300: #79c497;
  --green-400: #4eb67d;
  --green-500: #28a96b;
  --green-600: #0b9158;
  --green-700: #0c7043;
  --green-800: #04502e;
  --green-900: #02381f;

  /* Blue */
  --blue-100: #dae3fe;
  --blue-200: #c1cdfc;
  --blue-300: #a4b3fb;
  --blue-400: #7d94f9;
  --blue-500: #3a68f8;
  --blue-600: #3662eb;
  --blue-700: #315ad8;
  --blue-800: #294cb9;
  --blue-900: #193280;

  /* Yellow */
  --yellow-100: #feecc9;
  --yellow-200: #fdd89a;
  --yellow-300: #fcc46b;
  --yellow-400: #fab04a;
  --yellow-500: #f6ad3c;
  --yellow-600: #e89b2d;
  --yellow-700: #c6791a;
  --yellow-800: #9a5a12;
  --yellow-900: #6a3d0a;

  /* Red */
  --red-100: #fbeceb;
  --red-200: #fdd2cf;
  --red-300: #ffadaa;
  --red-400: #ff7d7c;
  --red-500: #ff4953;
  --red-600: #de263b;
  --red-700: #b20e29;
  --red-800: #782125;
  --red-900: #550f15;

  /* Violet */
  --violet-100: #efeefc;
  --violet-200: #dad7ff;
  --violet-300: #c2bbff;
  --violet-400: #a18dff;
  --violet-500: #8059ff;
  --violet-600: #683dde;
  --violet-700: #5124b6;
  --violet-800: #3a1488;
  --violet-900: #25095d;

  --surfaceSurfacePage: #ffffff;
  --surfaceSurfacePage2: #f9f9f9;
  --surfaceSurfaceSubtle: #f3f2f3;
  --surfaceSurfaceMuted: #eceaed;
  --surfaceSurfaceInverse: #18151a;
  --surfaceSurfaceScrim: #00000028;
  --textTextPrimary: #18151a;
  --textTextSecondary: #7d767f;
  --textTextTertiary: #a199a3;
  --textTextDisabled: #b7b0b9;
  --textTextInverse: #ffffff;
  --textTextLink: #8059ff;
  --borderBorderSubtle: #f3f2f3;
  --borderBorderDefault: #e6e1e7;
  --borderBorderStrong: #cec8cf;
  --borderBorderInverse: #18151a;
  --statusStatusSuccess: #28a96b;
  --statusStatusSuccessHover: #0b9158;
  --statusStatusSuccessSubtle: #cbe4c5;
  --statusStatusDanger: #ff4953;
  --statusStatusDangerHover: #b20e29;
  --statusStatusDangerSubtle: #fbeceb;
  --statusStatusWarning: #f6ad3c;
  --statusStatusWarningHover: #c6791a;
  --statusStatusWarningSubtle: #feecc9;
  --interactiveInteractivePrimary: #18151a;
  --interactiveInteractivePrimaryHover: #3a333c;
  --interactiveInteractiveSecondary: #f3f2f3;
  --interactiveInteractiveSecondaryHover: #eceaed;
  --interactiveInteractiveAccent: #8059ff;
  --interactiveInteractiveAccentSubtle: #dad7ff;
  --interactiveInteractiveDisabledBg: #f3f2f3;
  --interactiveInteractiveDisabledFg: #b7b0b9;
  --interactiveFocusRing: #8059ff;
  --statusStatusInfo: #3a68f8;
  --statusStatusInfoSubtle: #dae3fe;
  --buttonPrimaryBackground: #18151a;
  --buttonPrimaryText: #ffffff;
  --buttonSecondaryBackground: #f3f2f3;
  --buttonSecondaryText: #18151a;
  --buttonSecondaryBorder: #e6e1e7;
  --buttonGhostBackground: #ffffff00;
  --buttonGhostText: #18151a;
  --inputFocusedBackground: #ffffff;
  --inputFocusedBorder: #8059ff;
  --inputDefaultBackground: #ffffff;
  --inputDefaultBorder: #e6e1e7;
  --inputDefaultText: #a199a3;
}