:root {
  --white: 255 255 255;
  --black: 0 0 0;

  --softgray-50: 244 244 246;
  --softgray-100: 230 231 235;
  --softgray-200: 173 178 189;
  --softgray-300: 133 141 157;
  --softgray-400: 78 82 92;
  --softgray-500: 65 70 81;
  --softgray-600: 52 56 65;
  --softgray-700: 39 42 48;
  --softgray-800: 25 27 31;
  --softgray-900: 14 15 17;
  --softgray-950: 7 7 8;
}

:root {
  --transition-duration: 200ms;
}

* {
  transition: background-color var(--transition-duration) ease color var(--transition-duration) ease;
}