:root {
  --bg-color: hsl(220, 15%, 15%); /* Darker background */
  --text-color: hsl(210, 20%, 80%); /* Lighter text */
  --color-primary: hsl(348, 83%, 60%); /* Keep primary color, slightly adjusted for dark background */
  --outline-color: hsl(331, 100%, 75%); /* Slightly brighter outline */
  --button-bg: linear-gradient(to right, #424242, #212121); /* Darker button gradient */
  --button-bg-box-shadow-color: rgba(0, 0, 0, 0.5); /* Darker shadow */
  --button-bg-primary: linear-gradient(to right, hsl(348, 89%, 70%), hsl(348, 83%, 55%)); /* Brighter primary button for contrast */
  --button-bg-primary-box-shadow-color: hsla(350, 90%, 61%, 0.3); /* Slightly less intense shadow */
  --button-bg-secondary: linear-gradient(to right, hsl(257, 50%, 55%), hsl(257, 69%, 45%)); /* Adjusted secondary button */
  --button-bg-secondary-box-shadow-color: hsla(250, 58%, 42%, 0.3); /* Adjusted secondary shadow */
  --button-action-shadow-color: hsla(220, 10%, 20%, 0.2); /* Darker action shadow */
  --underline-color: hsl(210, 15%, 40%); /* Darker underline */
  --secondary-text-color: hsl(210, 10%, 60%); /* Adjusted secondary text */
  --send-icon-hover-color: hsl(257, 69%, 50%); /* Adjusted send icon hover */
  --send-spinner-icon-color: hsl(257, 15%, 70%); /* Keep spinner color */
  --copy-icon-color: hsl(43, 85%, 60%); /* Adjusted copy icon */
  --copy-icon-bg-color: hsl(43, 20%, 20%); /* Darker copy icon background */
  --copy-icon-shadow-color: hsla(220, 10%, 20%, 0.2); /* Darker copy icon shadow */
  --focus-outline-color: hsla(356, 90%, 61%, 0.3); /* Less intense focus outline */
  --checkbox-bg-color: hsl(257, 57%, 40%); /* Darker checkbox */
  --input-shadow-color: hsla(220, 10%, 20%, 0.3); /* Darker input shadow */
  --input-hover-shadow-color: hsla(220, 10%, 20%, 0.5); /* Darker hover shadow */
  --input-label-color: hsl(210, 20%, 80%); /* Light input label */
  --table-shadow-color: hsla(220, 10%, 20%, 0.3); /* Darker table shadow */
  --table-bg-color: hsl(220, 15%, 15%); /* Dark table background */
  --table-tr-border-color: hsl(220, 10%, 25%); /* Darker table row border */
  --table-tr-hover-bg-color: hsl(220, 10%, 20%); /* Darker table row hover */
  --table-head-tr-border-color: hsl(220, 10%, 30%); /* Darker table header border */
  --table-status-gray-bg-color: hsl(220, 15%, 15%); /* dark status gray background */
}

a.button.action.stats,
button.action.stats {
  background: #332f40; /* Darker stats background */
}

a.button.action.stats svg,
button.action.stats svg {
  stroke-width: 2.5;
  stroke: #a084c5; /* Lighter stats icon */
}