:root {
  --bg-color: hsl(210, 16%, 96%);
  --text-color: hsl(210, 40%, 20%);
  --color-primary: hsl(210, 90%, 50%);
  --outline-color: hsl(210, 100%, 70%);
  --button-bg: linear-gradient(to right, #e3f2fd, #90caf9);
  --button-bg-box-shadow-color: rgba(100, 181, 246, 0.5);
  --button-bg-primary: linear-gradient(to right, hsl(210, 89%, 63%), hsl(210, 83%, 47%));
  --button-bg-primary-box-shadow-color: hsla(210, 90%, 61%, 0.5);
  --button-bg-secondary: linear-gradient(to right, hsl(200, 70%, 60%), hsl(200, 80%, 40%));
  --button-bg-secondary-box-shadow-color: hsla(200, 60%, 50%, 0.5);
  --button-action-shadow-color: hsla(210, 15%, 60%, 0.12);
  --underline-color: hsl(210, 35%, 65%);
  --secondary-text-color: hsl(210, 14%, 60%);
  --send-icon-hover-color: hsl(200, 80%, 40%);
  --send-spinner-icon-color: hsl(200, 15%, 70%);
  --copy-icon-color: hsl(200, 85%, 50%);
  --copy-icon-bg-color: hsl(200, 100%, 91%);
  --copy-icon-shadow-color: hsla(210, 15%, 60%, 0.12);
  --focus-outline-color: hsla(210, 90%, 61%, 0.5);
  --checkbox-bg-color: hsl(200, 57%, 57%);
  --input-shadow-color: hsla(210, 15%, 70%, 0.2);
  --input-hover-shadow-color: hsla(210, 15%, 70%, 0.4);
  --input-label-color: hsl(210, 35%, 25%);
  --table-shadow-color: hsla(210, 20%, 70%, 0.3);
  --table-bg-color: hsl(210, 16%, 96%);
  --table-tr-border-color: hsl(210, 14%, 94%);
  --table-tr-hover-bg-color: hsl(210, 14%, 98%);
  --table-head-tr-border-color: hsl(210, 14%, 90%);
  --table-status-gray-bg-color: hsl(210, 16%, 96%);
}

a.button.action.stats,
button.action.stats {
  background: #e3f2fd;
}

a.button.action.stats svg,
button.action.stats svg {
  stroke-width: 2.5;
  stroke: #1976d2;
}