@randstad-design/orbit-multitheme/dist/assets/theme-spherion/variables.css

multitheme Front-end code based on Randstad Human Forward components

:root {
  /* Brand Colors */
  --color-brand-primary: #ff661a;
  --color-brand-secondary: #2e2e2e;
  --color-brand-tertiary: #1f82db;
  --color-brand-quaternary: #c4c4c4;

  --color-brand-quinary: #f8f8f8;
  --color-brand-senary: #97999b;

  /* Tint Colors */
  --color-brand-primary-tint-10: #fff0e8;
  --color-brand-primary-tint-45: #ffe7da;
  --color-brand-primary-tint-65: #ffc8ad;
  --color-brand-primary-tint-80: #ff8548;
  --color-brand-secondary-tint-45: #dbdbdb;
  --color-brand-secondary-tint-50: #97999b;
  --color-brand-secondary-tint-65: #afaf;
  --color-brand-secondary-tint-80: #4d4d4d;
  --color-brand-tertiary-tint-5: #edf6ff;
  --color-brand-tertiary-tint-45: #dbebf9;
  --color-brand-tertiary-tint-65: #afd2f2;
  --color-brand-quarternary-tint-80: #f9f7f3;
  --color-brand-senary-tint-45: #eeefef;
  --color-brand-senary-tint-65: #dadadb;

  /* Shade Colors */
  --color-brand-primary-shade-130: #e64c00;
  --color-brand-quarternary-shade-110: #f9f7f3;

  /* Grays */
  --color-white: #ffffff;
  --color-gray-10: #f8f8f8;
  --color-gray-20: #e2e2e2;
  --color-gray-80: #303030;
  --color-black: #000000;

  /* UI Colors */
  --color-ui-negative: #f13c23;
  --color-ui-negative-5: #fef5f4;
  --color-ui-positive: #11d15e;
  --color-ui-positive-5: #f3fdf7;
  --color-ui-positive-45: #d9f8e5;
  --color-ui-positive-65: #aaefc5;
  --color-ui-warning: #e9a204;
  --color-ui-warning-10: #fcf5e5;

  /* Alpha Colors */
  --color-brand-primary-alpha-10: rgba(255, 102, 26, 0.1);
  --color-brand-primary-alpha-30: rgba(255, 102, 26, 0.3);
  --color-brand-secondary-alpha-10: rgba(0, 0, 0, 0.1);
  --color-brand-secondary-alpha-30: rgba(0, 0, 0, 0.3);
  --color-brand-secondary-alpha-70: rgba(0, 0, 0, 0.7);
  --color-brand-secondary-alpha-80: rgba(0, 0, 0, 0.8);

  --color-white-alpha-30: rgba(255, 255, 255, 0.2);
  --color-white-alpha-50: rgba(255, 255, 255, 0.5);

  /* Gradients */
  --color-brand-primary-gradient: linear-gradient(
    56.45deg,
    #ff8200 0%,
    #ed1f24 100%
  );
  --color-brand-primary-gradient-tint-50: linear-gradient(
    56.45deg,
    #ff9b33 0%,
    #ed4e52 100%
  );
  --color-brand-secondary-gradient: linear-gradient(
    45deg,
    #595a9f 0%,
    #6152a3 50%,
    #292765 100%
  );
  --color-brand-tertiary-gradient: linear-gradient(
    45deg,
    #1f82db 0%,
    #1166b3 100%
  );
}