/* ===== THEME DEFINITIONS ===== */

/* Light theme variables */
:root,
:root[data-theme="light"] {
  --bg-color: #eeeeee;
  --menu-bg-color: #f7f7f7;
  --text-color: #000000;
  --header-bg: #f0f0f0;
  --section-bg: #fafafa;
  --accent-color-light: #1dd9ff;
  --accent-color-dark: #1be0fe;
  --notify-success: #4caf50;
  --notify-error: #f44336;
  --notify-warning: #ff9800;
  --notify-info: #2196f3;
}

/* Dark theme variables */
:root[data-theme="dark"] {
  --bg-color: #272727;
  --menu-bg-color: #3a3a3a;
  --text-color: #e0e0e0;
  --header-bg: #1e1e1e;
  --section-bg: #1a1a1a;
}

html,
body {
  height: 100%;
  margin: 0;
}

body {
  background-color: var(--bg-color);
  color: var(--text-color);
}

.menu {
  background-color: var(--menu-bg-color);
}

/* Reset all inputs */
input,
textarea,
select {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important; /* or keep your preferred radius */
  background-clip: padding-box; /* prevents autofill bleed */
  color: var(--text-color) !important;
  background-color: var(--bg-color); /* optional: set input background */
}

/* Remove focus/active/hover highlights */
input:focus,
textarea:focus,
select:focus,
input:hover,
input:active {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: var(--text-color) !important;
}

/* Remove autofill shadows in WebKit and keep text white */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--bg-color) inset !important;
  -webkit-text-fill-color: var(
    --text-color
  ) !important; /* forces text to white */
  border: none !important;
  outline: none !important;
  border-radius: 0 !important; /* or your radius */
  background-clip: padding-box !important;
  color: var(--text-color) !important;
}