:root {
  --es-color-black: black;
  --es-color-white: white;
  --es-color-transparent: transparent;
  --es-color-primary-default: #006BB3;
  --es-color-secondary-default: #A5C70E;
  --es-color-tertiary-default: #6B7280;
  --es-color-primary-50: #DEF2FF;
  --es-color-primary-100: #C7E9FF;
  --es-color-primary-200: #9AD6FF;
  --es-color-primary-300: #6CC4FF;
  --es-color-primary-400: #3EB1FF;
  --es-color-primary-500: #109FFF;
  --es-color-primary-600: #0086E1;
  --es-color-primary-700: #006BB3;
  --es-color-primary-800: #00497B;
  --es-color-primary-900: #002843;
  --es-color-secondary-50: #FBFEF0;
  --es-color-secondary-100: #F6FCD8;
  --es-color-secondary-200: #EAF9A8;
  --es-color-secondary-300: #DFF678;
  --es-color-secondary-400: #D3F249;
  --es-color-secondary-500: #C8EF19;
  --es-color-secondary-600: #A5C70E;
  --es-color-secondary-700: #758C11;
  --es-color-secondary-800: #49570E;
  --es-color-secondary-900: #1F2508;
  --es-color-tertiary-50: #DADCE0;
  --es-color-tertiary-100: #CDD0D5;
  --es-color-tertiary-200: #B4B8C0;
  --es-color-tertiary-300: #9BA1AC;
  --es-color-tertiary-400: #828997;
  --es-color-tertiary-500: #6B7280;
  --es-color-tertiary-600: #545964;
  --es-color-tertiary-700: #3D4148;
  --es-color-tertiary-800: #25282D;
  --es-color-tertiary-900: #0E0F11;
  --es-color-gold: #bc9854;

  --es-button-link-background: var(--es-color-white);
  --es-button-link-background-active: var(--es-color-primary-50);
  --es-button-link-text: var(--es-color-tertiary-700);
  --es-button-link-text-active: var(--es-color-primary-800);
  --es-button-link-: var(--es-color-tertiary-700);
  --es-button-link-text-active: var(--es-color-primary-800);

  --es-gradient-button-fg: var(--es-color-primary-50);
  --es-gradient-button-bg-from: var(--es-color-primary-800);
  --es-gradient-button-bg-to: var(--es-color-primary-600);

  --es-icon-primary-color: var(--es-color-primary-300);
  --es-icon-secondary-color: var(--es-color-primary-700);
}

.has-black-color {
    color: var(--es-color-black);
}

.has-black-background-color {
    background-color: var(--es-color-black);
}

.has-white-color {
    color: var(--es-color-white);
}

.has-white-background-color {
    background-color: var(--es-color-white);
}

.has-transparent-color {
    color: var(--es-color-transparent);
}

.has-transparent-background-color {
    background-color: var(--es-color-transparent);
}

.has-primary-default-color {
    color: var(--es-color-primary-default);
}

.has-primary-default-background-color {
    background-color: var(--es-color-primary-default);
}

.has-secondary-default-color {
    color: var(--es-color-secondary-default);
}

.has-secondary-default-background-color {
    background-color: var(--es-color-secondary-default);
}

.has-tertiary-default-color {
    color: var(--es-color-tertiary-default);
}

.has-tertiary-default-background-color {
    background-color: var(--es-color-tertiary-default);
}

.has-primary-50-color {
    color: var(--es-color-primary-50);
}

.has-primary-50-background-color {
    background-color: var(--es-color-primary-50);
}

.has-primary-100-color {
    color: var(--es-color-primary-100);
}

.has-primary-100-background-color {
    background-color: var(--es-color-primary-100);
}

.has-primary-200-color {
    color: var(--es-color-primary-200);
}

.has-primary-200-background-color {
    background-color: var(--es-color-primary-200);
}

.has-primary-300-color {
    color: var(--es-color-primary-300);
}

.has-primary-300-background-color {
    background-color: var(--es-color-primary-300);
}

.has-primary-400-color {
    color: var(--es-color-primary-400);
}

.has-primary-400-background-color {
    background-color: var(--es-color-primary-400);
}

.has-primary-500-color {
    color: var(--es-color-primary-500);
}

.has-primary-500-background-color {
    background-color: var(--es-color-primary-500);
}

.has-primary-600-color {
    color: var(--es-color-primary-600);
}

.has-primary-600-background-color {
    background-color: var(--es-color-primary-600);
}

.has-primary-700-color {
    color: var(--es-color-primary-700);
}

.has-primary-700-background-color {
    background-color: var(--es-color-primary-700);
}

.has-primary-800-color {
    color: var(--es-color-primary-800);
}

.has-primary-800-background-color {
    background-color: var(--es-color-primary-800);
}

.has-primary-900-color {
    color: var(--es-color-primary-900);
}

.has-primary-900-background-color {
    background-color: var(--es-color-primary-900);
}

.has-secondary-50-color {
    color: var(--es-color-secondary-50);
}

.has-secondary-50-background-color {
    background-color: var(--es-color-secondary-50);
}

.has-secondary-100-color {
    color: var(--es-color-secondary-100);
}

.has-secondary-100-background-color {
    background-color: var(--es-color-secondary-100);
}

.has-secondary-200-color {
    color: var(--es-color-secondary-200);
}

.has-secondary-200-background-color {
    background-color: var(--es-color-secondary-200);
}

.has-secondary-300-color {
    color: var(--es-color-secondary-300);
}

.has-secondary-300-background-color {
    background-color: var(--es-color-secondary-300);
}

.has-secondary-400-color {
    color: var(--es-color-secondary-400);
}

.has-secondary-400-background-color {
    background-color: var(--es-color-secondary-400);
}

.has-secondary-500-color {
    color: var(--es-color-secondary-500);
}

.has-secondary-500-background-color {
    background-color: var(--es-color-secondary-500);
}

.has-secondary-600-color {
    color: var(--es-color-secondary-600);
}

.has-secondary-600-background-color {
    background-color: var(--es-color-secondary-600);
}

.has-secondary-700-color {
    color: var(--es-color-secondary-700);
}

.has-secondary-700-background-color {
    background-color: var(--es-color-secondary-700);
}

.has-secondary-800-color {
    color: var(--es-color-secondary-800);
}

.has-secondary-800-background-color {
    background-color: var(--es-color-secondary-800);
}

.has-secondary-900-color {
    color: var(--es-color-secondary-900);
}

.has-secondary-900-background-color {
    background-color: var(--es-color-secondary-900);
}

.has-tertiary-50-color {
    color: var(--es-color-tertiary-50);
}

.has-tertiary-50-background-color {
    background-color: var(--es-color-tertiary-50);
}

.has-tertiary-100-color {
    color: var(--es-color-tertiary-100);
}

.has-tertiary-100-background-color {
    background-color: var(--es-color-tertiary-100);
}

.has-tertiary-200-color {
    color: var(--es-color-tertiary-200);
}

.has-tertiary-200-background-color {
    background-color: var(--es-color-tertiary-200);
}

.has-tertiary-300-color {
    color: var(--es-color-tertiary-300);
}

.has-tertiary-300-background-color {
    background-color: var(--es-color-tertiary-300);
}

.has-tertiary-400-color {
    color: var(--es-color-tertiary-400);
}

.has-tertiary-400-background-color {
    background-color: var(--es-color-tertiary-400);
}

.has-tertiary-500-color {
    color: var(--es-color-tertiary-500);
}

.has-tertiary-500-background-color {
    background-color: var(--es-color-tertiary-500);
}

.has-tertiary-600-color {
    color: var(--es-color-tertiary-600);
}

.has-tertiary-600-background-color {
    background-color: var(--es-color-tertiary-600);
}

.has-tertiary-700-color {
    color: var(--es-color-tertiary-700);
}

.has-tertiary-700-background-color {
    background-color: var(--es-color-tertiary-700);
}

.has-tertiary-800-color {
    color: var(--es-color-tertiary-800);
}

.has-tertiary-800-background-color {
    background-color: var(--es-color-tertiary-800);
}

.has-tertiary-900-color {
    color: var(--es-color-tertiary-900);
}

.has-tertiary-900-background-color {
    background-color: var(--es-color-tertiary-900);
}

.has-gold-color {
    color: var(--es-color-gold);
}

.has-gold-background-color {
    background-color: var(--es-color-gold);
}