/* Centralized theme variables */

:root {
  --card-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
  --seafoam: #8ff5d2;
  --negative-red: #b71c1c;
}

/* Dark gray theme (named "gray") */
body[data-theme="gray"] {
  --bg-color: #1a1a1a;
  --card-bg: #1f1f1f;
  --text-color: #e8e8e8;
  --nav-bg: #111111;
}

/* Optional light theme */
body[data-theme="light"] {
  --bg-color: #dcdcdc;
  --card-bg: #ffffff;
  --text-color: #000000;
  --nav-bg: #d0d0d0;
}