:root {
  --icc-primary-200: #f8fdea;
  --icc-primary-300: #eefbd4;
  --icc-primary-400: #e3f9b9;
  --icc-primary-500: #d4f593;
  --icc-primary-600: #bfdc84;
  --icc-primary-700: #aac476;

  --icc-secondary-050: #f5f9f4;
  --icc-secondary-100: #f1f5f1;
  --icc-secondary-200: #e5ece5;
  --icc-secondary-300: #d4dfd4;
  --icc-secondary-400: #87a686;
  --icc-secondary-500: #538052;

  --icc-tertiary-200: #bfd0af;
  --icc-tertiary-600: #3e7b48;
  --icc-tertiary-700: #33623b;
  --icc-tertiary-800: #2c4f31;
  --icc-tertiary-900: #26412b;
  --icc-tertiary-950: #17301c;

  --icc-gray-100: #e7e7e7;
  --icc-gray-200: #d1d1d0;
  --icc-gray-300: #b0b0b0;
  --icc-gray-400: #888987;
  --icc-gray-600: #636362;
  --icc-gray-700: #4f4f4f;
  --icc-gray-800: #454545;
  --icc-gray-950: #0a0b0a;

  --icc-neutral-cream: #fefdfb;
  --icc-neutral-white: #ffffff;

  --icc-danger-100: #ffe1e1;
  --icc-danger-500: #f63d3d;
  --icc-danger-600: #de1b1b;
  --icc-danger-700: #c01515;
  --icc-danger-950: #470808;

  --icc-yellow-100: #fff6e7;
  --icc-yellow-300: #fff6e7;
  --icc-yellow-600: #f1bd00;

  --icc-blue-sanjuan-050: #f4f6fc;
  --icc-blue-midnight-950: #0a3570;
}
/*! Text color */
.icc-text-primary-500 {
  color: var(--icc-primary-500) !important;
}
.icc-text-secondary-100 {
  color: var(--icc-secondary-100) !important;
}
.icc-text-tertiary-700 {
  color: var(--icc-tertiary-700) !important;
}
.icc-text-tertiary-800 {
  color: var(--icc-tertiary-800) !important;
}
.icc-text-tertiary-900 {
  color: var(--icc-tertiary-900) !important;
}
.icc-text-tertiary-950 {
  color: var(--icc-tertiary-950) !important;
}
.icc-text-gray-400 {
  color: var(--icc-text-gray-400) !important;
}
.icc-text-gray-600 {
  color: var(--icc-text-gray-600) !important;
}
.icc-text-gray-700 {
  color: var(--icc-text-gray-700) !important;
}
.icc-text-gray-800 {
  color: var(--icc-text-gray-800) !important;
}
.icc-text-gray-950 {
  color: var(--icc-text-gray-950) !important;
}
.icc-text-neutral-white {
  color: var(--icc-neutral-white) !important;
}
.icc-text-blue-midnight-950 {
  color: var(--icc-blue-midnight-950) !important;
}
/*! Backgroud */
.icc-bg-primary-200 {
  background-color: var(--icc-primary-200) !important;
  --icc-backgroud-fullwidth: var(--icc-primary-200) !important;
}
.icc-bg-primary-300 {
  background-color: var(--icc-primary-300) !important;
  --icc-backgroud-fullwidth: var(--icc-primary-300) !important;
}
.icc-bg-primary-400 {
  background-color: var(--icc-primary-400) !important;
  --icc-backgroud-fullwidth: var(--icc-primary-400) !important;
}
.icc-bg-primary-500 {
  background-color: var(--icc-primary-500) !important;
  --icc-backgroud-fullwidth: var(--icc-primary-500) !important;
}
.icc-bg-secondary-050 {
  background-color: var(--icc-secondary-050) !important;
  --icc-backgroud-fullwidth: var(--icc-secondary-050) !important;
}
.icc-bg-secondary-100 {
  background-color: var(--icc-secondary-100) !important;
  --icc-backgroud-fullwidth: var(--icc-secondary-100) !important;
}
.icc-bg-tertiary-600 {
  background-color: var(--icc-tertiary-600) !important;
  --icc-backgroud-fullwidth: var(--icc-tertiary-600);
}
.icc-bg-tertiary-700 {
  background-color: var(--icc-tertiary-700) !important;
  --icc-backgroud-fullwidth: var(--icc-tertiary-700);
}
.icc-bg-tertiary-900 {
  background-color: var(--icc-tertiary-900) !important;
  --icc-backgroud-fullwidth: var(--icc-tertiary-900) !important;
}
.icc-bg-neutral-white {
  background-color: var(--icc-neutral-white) !important;
  --icc-backgroud-fullwidth: var(--icc-neutral-white);
}
.icc-bg-blue-sanjuan-050 {
  background-color: var(--icc-blue-sanjuan-050);
}

/*! Border */
.icc-border-transparent {
  border-color: transparent !important;
}
.icc-border-primary-500 {
  border-color: var(--icc-primary-500) !important;
}
.icc-border-primary-600 {
  border-color: var(--icc-primary-600) !important;
}
.icc-border-secondary-300 {
  border-color: var(--icc-secondary-300) !important;
}
.icc-border-tertiary-700 {
  border-color: var(--icc-tertiary-700) !important;
}
.icc-border-neutral-white {
  border-color: var(--icc-neutral-white) !important;
}
.icc-border-blue-midnight-950 {
  border-color: var(--icc-blue-midnight-950) !important;
}