/* Tokens */
:root {
  /* CareerOne */
  /* color */
  --blur-blur-bg-primary: var(--c1-colour-primary-500);
  --blur-blur-bg-secondary: var(--c1-colour-special-highlighter-yellow);
  --border-border-light: var(--c1-colour-light-600);
  --border-border-primary: var(--c1-colour-primary-500);
  --border-border-primary-fill20: #13c87133;
  --branding-logo-primary: var(--c1-colour-primary-500);
  --branding-logo-white: var(--global-colour-white);
  --button-button-primary: var(--c1-colour-primary-500);
  --button-button-primary-hover: var(--c1-colour-primary-600);
  --gradient-primary-gradient-fill02: #13C87105;
  --gradient-primary-gradient-fill10: #5fda9e1a;
  --gradient-primary-gradient-fill40: #5fda9e66;
  --gradient-primary-gradient-filled: var(--c1-colour-primary-500);
  --gradient-primary-gradient-nofill: #5fda9e00;
  --gradient-secondary-gradient-fill10: #fdff9e1a;
  --gradient-secondary-gradient-fill40: #fdff9e66;
  --gradient-secondary-gradient-filled: var(--c1-colour-special-highlighter-yellow);
  --gradient-secondary-gradient-nofill: #fdff9e00;
  --icon-icon-background: #5fda9e33;
  --icon-icon-dark: var(--c1-colour-special-dark-olive);
  --icon-icon-highlight: var(--c1-colour-special-highlighter-yellow);
  --icon-icon-primary: var(--c1-colour-primary-500);
  --icon-icon-secondary: var(--c1-colour-light-700);
  --image-shadow-image-shadow-primary: var(--c1-colour-primary-500);
  --image-shadow-image-shadow-secondary: var(--c1-colour-special-highlighter-yellow);
  --surface-surface-black: var(--global-colour-black);
  --surface-surface-neutral: var(--c1-colour-light-500);
  --surface-surface-primary: var(--c1-colour-primary-500);
  --surface-surface-primary-dark: var(--c1-colour-special-dark-olive);
  --surface-surface-primary-fill20: #13c87133;
  --surface-surface-secondary: var(--c1-colour-special-highlighter-yellow);
  --surface-surface-secondary-fill20: #fdff9e4d;
  --surface-surface-white: var(--global-colour-white);
  --surface-surface-white-fill10: #ffffff1a;
  --surface-surface-white-fill20: #ffffff33;
  --surface-surface-white-fill80: #ffffffcc;
  --test-drive-test-drive-banner-bg: var(--c1-colour-special-highlighter-yellow);
  --test-drive-test-drive-banner-text: var(--global-colour-black);
  --test-drive-test-drive-darkbg-button: var(--c1-colour-primary-500);
  --test-drive-test-drive-darkbg-button-hover: var(--c1-colour-primary-600);
  --test-drive-test-drive-darkbg-button-text: var(--global-colour-white);
  --test-drive-test-drive-offer-shadow: var(--c1-colour-primary-500);
  --test-drive-upgrade-badge-bg: var(--c1-colour-special-dark-olive);
  --test-drive-new-badge-bg: var(--c1-colour-special-royal-purple);
  --test-drive-new-badge-text: var(--global-colour-white);
  --test-drive-text-shadow-primary: var(--c1-colour-special-highlighter-yellow);
  --text-text-highlight-dark: var(--c1-colour-primary-600);
  --text-text-highlight-primary: var(--c1-colour-primary-500);
  --text-text-highlight-secondary: var(--icon-icon-highlight);
  --text-text-link-darkbg: var(--c1-colour-primary-500);
  --text-text-link-lightbg: var(--c1-colour-primary-500);
  --text-text-primary: var(--global-colour-black);
  --text-text-secondary: var(--c1-colour-light-900);
  --text-text-tertiary: var(--c1-colour-light-800);
  --text-text-white: var(--global-colour-white);
  --text-title-primary: var(--c1-colour-special-dark-olive);
}