:root {

/* Text Colors */
    --text-default-heading: var(--foundation-800);
    --text-default-subheading: var(--foundation-600);
    --text-default-body: var(--foundation-500);
    --text-default-caption: var(--foundation-400);
    --text-default-placeholder: var(--foundation-400);
    --text-default-overline: var(--foundation-400);
    --text-default-hover: var(--foundation-700);
    --text-default-action: var(--foundation-50);

    --text-neutral-heading: var(--neutral-0);
    --text-neutral-subheading: var(--neutral-50);
    --text-neutral-body: var(--neutral-100);
    --text-neutral-caption: var(--neutral-200);
    --text-neutral-placeholder: var(--neutral-400);
    --text-neutral-overline: var(--neutral-400);
    --text-neutral-hover: var(--neutral-100);
    --text-neutral-action: var(--neutral-800);

    --text-primary-default: var(--primary-500);
    --text-primary-hover: var(--primary-700);
    --text-primary-on-color: var(--primary-300);
    --text-primary-on-color-hover: var(--primary-100);

    --text-secondary-default: var(--secondary-500);
    --text-secondary-hover: var(--secondary-700);
    --text-secondary-on-color: var(--secondary-300);
    --text-secondary-on-color-hover: var(--secondary-100);

    --text-tertiary-default: var(--tertiary-500);
    --text-tertiary-hover: var(--tertiary-700);
    --text-tertiary-on-color: var(--tertiary-300);
    --text-tertiary-on-color-hover: var(--tertiary-100);

    --text-accent01-default: var(--accent01-500);
    --text-accent01-hover: var(--accent01-700);
    --text-accent01-on-color: var(--accent01-300);
    --text-accent01-on-color-hover: var(--accent01-100);

    --text-error-default: var(--error-400);
    --text-error-hover: var(--error-600);
    --text-error-on-color: var(--error-400);
    --text-error-on-color-hover: var(--error-200);

    --text-warning-default: var(--warning-400);
    --text-warning-hover: var(--warning-600);
    --text-warning-on-color: var(--warning-400);
    --text-warning-on-color-hover: var(--warning-200);

    --text-information-default: var(--information-400);
    --text-information-hover: var(--information-600);
    --text-information-on-color: var(--information-400);
    --text-information-on-color-hover: var(--information-200);

    --text-success-default: var(--success-400);
    --text-success-hover: var(--success-600);
    --text-success-on-color: var(--success-400);
    --text-success-on-color-hover: var(--success-200);

    --text-link-default: var(--information-400);
    --text-link-hover: var(--information-600);
    --text-link-on-color: var(--information-400);
    --text-link-on-color-hover: var(--information-200);

    --text-disabled-default: var(--foundation-400);
    --text-disabled-on-color: var(--foundation-200);

/* Icons */
   
    --icons-default-heading: var(--foundation-800);
    --icons-default-subheading: var(--foundation-600);
    --icons-default-body: var(--foundation-500);
    --icons-default-caption: var(--foundation-400);
    --icons-default-placeholder: var(--foundation-400);
    --icons-default-overline: var(--foundation-400);
    --icons-default-hover: var(--foundation-700);
    --icons-default-action: var(--foundation-50);

    --icons-neutral-heading: var(--neutral-0);
    --icons-neutral-subheading: var(--neutral-50);
    --icons-neutral-body: var(--neutral-100);
    --icons-neutral-caption: var(--neutral-200);
    --icons-neutral-placeholder: var(--neutral-400);
    --icons-neutral-overline: var(--neutral-400);
    --icons-neutral-hover: var(--neutral-100);
    --icons-neutral-action: var(--neutral-800);

    --icons-primary-default: var(--primary-500);
    --icons-primary-hover: var(--primary-700);
    --icons-primary-on-color: var(--primary-300);
    --icons-primary-on-color-hover: var(--primary-100);

    --icons-secondary-default: var(--secondary-500);
    --icons-secondary-hover: var(--secondary-700);
    --icons-secondary-on-color: var(--secondary-300);
    --icons-secondary-on-color-hover: var(--secondary-100);

    --icons-tertiary-default: var(--tertiary-500);
    --icons-tertiary-hover: var(--tertiary-700);
    --icons-tertiary-on-color: var(--tertiary-300);
    --icons-tertiary-on-color-hover: var(--tertiary-100);

    --icons-accent01-default: var(--accent01-500);
    --icons-accent01-hover: var(--accent01-700);
    --icons-accent01-on-color: var(--accent01-300);
    --icons-accent01-on-color-hover: var(--accent01-100);

    --icons-error-default: var(--error-400);
    --icons-error-hover: var(--error-600);
    --icons-error-on-color: var(--error-400);
    --icons-error-on-color-hover: var(--error-200);

    --icons-warning-default: var(--warning-400);
    --icons-warning-hover: var(--warning-600);
    --icons-warning-on-color: var(--warning-400);
    --icons-warning-on-color-hover: var(--warning-200);

    --icons-information-default: var(--information-400);
    --icons-information-hover: var(--information-600);
    --icons-information-on-color: var(--information-400);
    --icons-information-on-color-hover: var(--information-200);

    --icons-success-default: var(--success-400);
    --icons-success-hover: var(--success-600);
    --icons-success-on-color: var(--success-400);
    --icons-success-on-color-hover: var(--success-200);

    --icons-link-default: var(--information-400);
    --icons-link-hover: var(--information-600);
    --icons-link-on-color: var(--information-400);
    --icons-link-on-color-hover: var(--information-200);

    --icons-disabled-default: var(--foundation-400);
    --icons-disabled-on-color: var(--foundation-200);
   
/* Surface */

    --surface-default-default: var(--foundation-50);
    --surface-default-hover: var(--foundation-100);
    --surface-default-on-color: var(--foundation-200);

    --surface-neutral-default: var(--neutral-0);
    --surface-neutral-hover: var(--neutral-50);
    --surface-neutral-on-color: var(--neutral-100);

    --surface-primary-default: var(--primary-500);
    --surface-primary-hover: var(--primary-700);
    --surface-primary-on-color: var(--primary-100);

    --surface-secondary-default: var(--secondary-500);
    --surface-secondary-hover: var(--secondary-700);
    --surface-secondary-on-color: var(--secondary-100);

    --surface-tertiary-default: var(--tertiary-500);
    --surface-tertiary-hover: var(--tertiary-700);
    --surface-tertiary-on-color: var(--tertiary-100);

    --surface-accent01-default: var(--accent01-500);
    --surface-accent01-hover: var(--accent01-700);
    --surface-accent01-on-color: var(--accent01-100);
   
    --surface-error-default: var(--error-400);
    --surface-error-hover: var(--error-600);
    --surface-error-on-color: var(--error-50);

    --surface-warning-default: var(--warning-400);
    --surface-warning-hover: var(--warning-600);
    --surface-warning-on-color: var(--warning-50);

    --surface-information-default: var(--information-400);
    --surface-information-hover: var(--information-600);
    --surface-information-on-color: var(--information-50);

    --surface-success-default: var(--success-400);
    --surface-success-hover: var(--success-600);
    --surface-success-on-color: var(--success-50);

    --surface-link-default: var(--information-400);
    --surface-link-hover: var(--information-600);
    --surface-link-on-color: var(--information-50);

    --surface-disabled-default: var(--foundation-50);
    --surface-disabled-hover: var(--foundation-200);
    --surface-disabled-selected: var(--foundation-400);

/* Borders */

    --borders-default-default: var(--foundation-500);
    --borders-default-hover: var(--foundation-700);
    --borders-default-focus: var(--foundation-300);

    --borders-neutral-default: var(--neutral-100);
    --borders-neutral-hover: var(--neutral-300);
    --borders-neutral-focus: var(--neutral-50);

    --borders-primary-default: var(--primary-500);
    --borders-primary-hover: var(--primary-700);
    --borders-primary-focus: var(--primary-300);

    --borders-secondary-default: var(--secondary-500);
    --borders-secondary-hover: var(--secondary-700);
    --borders-secondary-focus: var(--secondary-300);

    --borders-tertiary-default: var(--tertiary-500);
    --borders-tertiary-hover: var(--tertiary-700);
    --borders-tertiary-focus: var(--tertiary-300);

    --borders-accent01-default: var(--accent01-500);
    --borders-accent01-hover: var(--accent01-700);
    --borders-accent01-focus: var(--accent01-300);
   
    --borders-error-default: var(--error-400);
    --borders-error-hover: var(--error-600);
    --borders-error-focus: var(--error-200);

    --borders-warning-default: var(--warning-400);
    --borders-warning-hover: var(--warning-600);
    --borders-warning-focus: var(--warning-200);

    --borders-information-default: var(--information-400);
    --borders-information-hover: var(--information-600);
    --borders-information-focus: var(--information-200);

    --borders-success-default: var(--success-400);
    --borders-success-hover: var(--success-600);
    --borders-success-focus: var(--success-200);

    --borders-link-default: var(--information-400);
    --borders-link-hover: var(--information-600);
    --borders-link-focus: var(--information-200);

    --borders-disabled-default: var(--foundation-400);
    --borders-disabled-hover: var(--foundation-600);
    --borders-disabled-focus: var(--foundation-200);

}