:root {
  /* Backgrounds */
  --background-primary: var(--color-primary);
  --background-primary-soft: var(--color-primary-soft);
  --background-secondary: var(--color-secondary);
  --background-secondary-soft: var(--color-secondary-soft);
  --background-neutral: var(--color-white);
  --background-light: var(--color-grey-light);
  --background-dark: var(--color-grey);
  --background-black: var(--color-black);
  --background-disabled: var(--color-grey-dark);

  /* Text */
  --text-primary: var(--color-primary);
  --text-primary-inverse: var(--color-primary-inverse);

  --text-secondary: var(--color-secondary);
  --text-secondary-inverse: var(--color-secondary-inverse);

  --text-neutral: var(--color-black);
  --text-neutral-inverse: var(--color-white);
  --text-neutral-disabled: var(--color-dark);
  --text-neutral-disabled-inverse: var(--color-grey-dark);

  /* Icons */
  --icon-primary: var(--color-primary);
  --icon-primary-inverse: var(--color-primary-inverse);

  --icon-secondary: var(--color-secondary);
  --icon-secondary-inverse: var(--color-secondary-inverse);

  --icon-neutral: var(--color-black);
  --icon-neutral-inverse: var(--color-white);
  --icon-neutral-disabled: var(--color-grey-light);
  --icon-neutral-disabled-inverse: var(--color-grey);

  /* Borders */
  --border-primary: var(--color-primary);
  --border-primary-inverse: var(--color-primary-inverse);

  --border-secondary: var(--color-secondary);
  --border-secondary-inverse: var(--color-secondary-inverse);

  --border-neutral: var(--color-black);
  --border-neutral-bg: var(--color-white);
  --border-neutral-inverse: var(--color-white);
  --border-neutral-inverse-bg: var(--color-gery);

  /* Shadows */
  --shadow-neutral: var(--color-black);
}