:root {
  --ui-grey-0: #FFFFFF;
  --ui-grey-100: #FAFAFA;
  --ui-grey-200: #F4F4F5;
  --ui-grey-300: #E9EAEC;
  --ui-grey-400: #D7D9DD;
  --ui-grey-500: #B9BDC6;
  --ui-grey-600: #8E95A3;
  --ui-grey-700: #6C7380;
  --ui-grey-800: #4D535E;
  --ui-grey-900: #2A2E33;
  --ui-grey-1000: #0F1114;

  --ui-primary-100: #E8EBED;
  --ui-primary-200: #C6D4DB;
  --ui-primary-300: #8EA8B6;
  --ui-primary-400: #425765;
  --ui-primary-500: #364753;
  --ui-primary-600: #2D3B45;
  --ui-primary-700: #242F37;
  --ui-primary-800: #1C252A;

  --ui-secondary-100: #EDE6E6;
  --ui-secondary-200: #C9B3B3;
  --ui-secondary-300: #946666;
  --ui-secondary-400: #4F0000;
  --ui-secondary-500: #3F0000;
  --ui-secondary-600: #320000;
  --ui-secondary-700: #240000;
  --ui-secondary-800: #180000;

  --ui-tertiary-100: #F8DC8C;
  --ui-tertiary-200: #F4D371;
  --ui-tertiary-300: #EFC64D;
  --ui-tertiary-400: #EBBB2F;
  --ui-tertiary-500: #C79F28;
  --ui-tertiary-600: #9E7E20;
  --ui-tertiary-700: #755E17;
  --ui-tertiary-800: #4D3D0F;

  --ui-success-200: #01E17B;
  --ui-success-400: #00BD68;
  --ui-success-600: #009451;
  --ui-warning-200: #FFD21F;
  --ui-warning-400: #FFB71F;
  --ui-warning-600: #FF991F;
  --ui-error-200: #F04349;
  --ui-error-400: #CC393E;
  --ui-error-600: #A32E32;

  --ui-marketing-grey: #58595B;
  --ui-marketing-red: #DB2726;

  /* semantic tokens */
  --ui-color-primary: var(--ui-primary-400);
  --ui-color-secondary: var(--ui-secondary-400);
  --ui-color-tertiary: var(--ui-tertiary-400);
  --ui-color-success: var(--ui-success-400);
  --ui-color-warning: var(--ui-warning-400);
  --ui-color-error: var(--ui-error-400);
  --ui-color-white: var(--ui-grey-0);
  --ui-color-light: var(--ui-grey-100);
  --ui-color-grey: var(--ui-grey-400);
  --ui-color-dark: var(--ui-primary-400);
  --ui-color-muted: var(--ui-grey-700);

  /* rgb variables */
  --ui-primary-400-rgb: 66, 87, 101;
  --ui-primary-600-rgb: 45, 59, 69;
  --ui-grey-0-rgb: 255, 255, 255;
  --ui-grey-100-rgb: 245, 249, 255;
  --ui-grey-1000-rgb: 15, 17, 20;
  --ui-secondary-400-rgb: 79, 0, 0;
  --ui-error-400-rgb: 204, 57, 62;
}