:root {
  /* ---------------------- */
  /* --- ACTION SHADES NO SATURATION --- */
  /* ---------------------- */
  --action-50: hsl(var(--action-h), var(--action-s), 97.5%);
  --action-75: hsl(var(--action-h), var(--action-s), 90%);
  --action-100: hsl(var(--action-h), var(--action-s),82.5%);
  --action-200: hsl(var(--action-h), var(--action-s), 75%);
  --action-300: hsl(var(--action-h), var(--action-s), 67.5%);
  --action-400: hsl(var(--action-h), var(--action-s), 60%);
  --action-500: hsl(var(--action-h), var(--action-s),52.5%);
  --action-600: hsl(var(--action-h), var(--action-s), 45%);
  --action-700: hsl(var(--action-h), var(--action-s), 37.5%);
  --action-800: hsl(var(--action-h), var(--action-s), 30%);
  --action-900: hsl(var(--action-h), var(--action-s), 22.5%);
  --action-950: hsl(var(--action-h), var(--action-s), 15%);
  --action-975: hsl(var(--action-h), var(--action-s), 7.5%);
  /* ---------------------- */
  /* --- PRIMARY SHADES NO SATURATION --- */
  /* ---------------------- */
  --p-50: hsl(var(--primary-h), var(--primary-s), 97.5%);
  --p-75: hsl(var(--primary-h), var(--primary-s), 90%);
  --p-100: hsl(var(--primary-h), var(--primary-s),82.5%);
  --p-200: hsl(var(--primary-h), var(--primary-s), 75%);
  --p-300: hsl(var(--primary-h), var(--primary-s), 67.5%);
  --p-400: hsl(var(--primary-h), var(--primary-s), 60%);
  --p-500: hsl(var(--primary-h), var(--primary-s),52.5%);
  --p-600: hsl(var(--primary-h), var(--primary-s), 45%);
  --p-700: hsl(var(--primary-h), var(--primary-s), 37.5%);
  --p-800: hsl(var(--primary-h), var(--primary-s), 30%);
  --p-900: hsl(var(--primary-h), var(--primary-s), 22.5%);
  --p-950: hsl(var(--primary-h), var(--primary-s), 15%);
  --p-975: hsl(var(--primary-h), var(--primary-s), 7.5%);
  /* ------------------------ */
  /* --- SECONDARY SHADES NO SATURATION --- */
  /* ------------------------ */
  --s-50: hsl(var(--secondary-h), var(--secondary-s), 97.5);
  --s-75: hsl(var(--secondary-h), var(--secondary-s), 90%);
  --s-100: hsl(var(--secondary-h), var(--secondary-s), 82.5%);
  --s-200: hsl(var(--secondary-h), var(--secondary-s), 75%);
  --s-300: hsl(var(--secondary-h), var(--secondary-s), 67.5%);
  --s-400: hsl(var(--secondary-h), var(--secondary-s), 60%);
  --s-500: hsl(var(--secondary-h), var(--secondary-s),52.5%);
  --s-600: hsl(var(--secondary-h), var(--secondary-s), 45%);
  --s-700: hsl(var(--secondary-h), var(--secondary-s), 37.5%);
  --s-800: hsl(var(--secondary-h), var(--secondary-s), 30%);
  --s-900: hsl(var(--secondary-h), var(--secondary-s), 22.5%);
  --s-950: hsl(var(--secondary-h), var(--secondary-s), 15%);
  --s-975: hsl(var(--secondary-h), var(--secondary-s), 7.5%);
  /* ----------------------*/
  /* --- ACCENT SHADES NO SATURATION --- */
  /* ----------------------*/
  --a-50: hsl(var(--accent-h), var(--accent-s), 97.5%);
  --a-75: hsl(var(--accent-h), var(--accent-s), 90%);
  --a-100: hsl(var(--accent-h), var(--accent-s), 82.5%);
  --a-200: hsl(var(--accent-h), var(--accent-s), 75%);
  --a-300: hsl(var(--accent-h), var(--accent-s), 67.5%);
  --a-400: hsl(var(--accent-h), var(--accent-s), 60%);
  --a-500: hsl(var(--accent-h), var(--accent-s), 52.5%);
  --a-600: hsl(var(--accent-h), var(--accent-s), 45%);
  --a-700: hsl(var(--accent-h), var(--accent-s), 37.5%);
  --a-800: hsl(var(--accent-h), var(--accent-s), 30%);
  --a-900: hsl(var(--accent-h), var(--accent-s), 22.5%);
  --a-950: hsl(var(--accent-h), var(--accent-s), 15%);
  --a-975: hsl(var(--accent-h), var(--accent-s), 7.5%);
  /* ------------------- */
  /* --- BASE SHADES NO SATURATION --- */
  /* ------------------- */
  --b-50: hsl(var(--base-h), var(--base-s), 97.5%);
  --b-75: hsl(var(--base-h), var(--base-s), 90%);
  --b-100: hsl(var(--base-h), var(--base-s), 82.5%);
  --b-200: hsl(var(--base-h), var(--base-s), 75%);
  --b-300: hsl(var(--base-h), var(--base-s), 67.5%);
  --b-400: hsl(var(--base-h), var(--base-s), 60%);
  --b-500: hsl(var(--base-h), var(--base-s),52.5%);
  --b-600: hsl(var(--base-h), var(--base-s), 45%);
  --b-700: hsl(var(--base-h), var(--base-s), 37.5%);
  --b-800: hsl(var(--base-h), var(--base-s), 30%);
  --b-900: hsl(var(--base-h), var(--base-s), 22.5%);
  --b-950: hsl(var(--base-h), var(--base-s), 15%);
  --b-975: hsl(var(--base-h), var(--base-s), 7.5%);
  /* ----------------------------------- */
  /* --- SHADE SHADES NO SATURATION ---- */
  /* ----------------------------------- */
  --shade-50: hsl(var(--shade-h), var(--shade-s), 97.5%);
  --shade-75: hsl(var(--shade-h), var(--shade-s), 90%);
  --shade-100: hsl(var(--shade-h), var(--shade-s), 82.5%);
  --shade-200: hsl(var(--shade-h), var(--shade-s), 75%);
  --shade-300: hsl(var(--shade-h), var(--shade-s), 67.5%);
  --shade-400: hsl(var(--shade-h), var(--shade-s), 60%);
  --shade-500: hsl(var(--shade-h), var(--shade-s),52.5%);
  --shade-600: hsl(var(--shade-h), var(--shade-s), 45%);
  --shade-700: hsl(var(--shade-h), var(--shade-s), 37.5%);
  --shade-800: hsl(var(--shade-h), var(--shade-s), 30%);
  --shade-900: hsl(var(--shade-h), var(--shade-s), 22.5%);
  --shade-950: hsl(var(--shade-h), var(--shade-s), 15%);
  --shade-975: hsl(var(--shade-h), var(--shade-s), 7.5%);
}