@randstad-design/orbit-multitheme/src/assets/theme-randstad/tailwind/variables.css

multitheme Front-end code based on Randstad Human Forward components

:root {
  /* Brand Colors */
  --color-brand-primary: #2175d9;
  --color-brand-secondary: #0f1941;
  --color-brand-tertiary: #f7f5f0;
  --color-brand-quaternary: #6ba5b4;
  --color-brand-quinary: #e74536;
  --color-brand-senary: #ffb511;

  /* Tint Colors */
  --color-brand-primary-tint-80: #4d91e1;
  --color-brand-primary-tint-7: #ecf3fc;
  --color-brand-secondary-tint-80: #3c4464;
  --color-brand-secondary-tint-60: #6c738d;
  --color-brand-tertiary-tint-80: #d7d7d7;

  /* Shade Colors */
  --color-brand-primary-shade-130: #175197;
  --color-brand-secondary-shade-180: #03050d;
  --color-brand-tertiary-shade-110: #dedcd8;

  /* Grays */
  --color-white: #ffffff;
  --color-gray-20: #d7d7d7;
  --color-gray-10: #f7f7f7;

  /* UI Colors */
  --color-ui-negative: #e00f0f;
  --color-ui-negative-5: #fdf3f3;
  --color-ui-positive: #257f56;
  --color-ui-positive-5: #f4f8f6;
  --color-ui-warning: #e9a204;
  --color-ui-warning-10: #fcf5e5;

  /* Alpha Colors */
  --color-brand-primary-alpha-10: rgba(33, 117, 217, 0.1);
  --color-brand-primary-alpha-30: rgba(33, 117, 217, 0.3);
  --color-brand-secondary-alpha-10: rgba(15, 25, 65, 0.1);
  --color-brand-secondary-alpha-30: rgba(15, 25, 65, 0.3);
  --color-brand-secondary-alpha-70: rgba(15, 25, 65, 0.7);
  --color-white-alpha-10: rgba(255, 255, 255, 0.1);
  --color-white-alpha-30: rgba(255, 255, 255, 0.3);
  --color-white-alpha-50: rgba(255, 255, 255, 0.5);
}