/* common-dark.css */
body.theme-dark {
  --bg: #121212;
  --text: #e0e0e0;

  --nav-bg: #202020;
  --nav-text: #f0f0f0;
  --nav-border: transparent;

  --link: #d0e0ff;
  --link-hover: #d0e0ff;

  --accent: #3a6df0;

  --muted: #a6a6a6;

  --card-bg: #1b1b1f;
  --card-border: #2b2b2f;
  --card-shadow: 0 0 12px rgba(0, 0, 0, 0.6);

  --btn-bg: #333333;
  --btn-text: #f0f0f0;
  --btn-border: #555555;
  --btn-hover-bg: #3b3b3b;

  --input-bg: #222222;
  --input-text: #e0e0e0;
  --input-border: #333333;

  --table-bg: #181818;
  --table-head-bg: #222222;
  --table-row-even: #1f1f1f;
  --table-hover: #2b2b2b;
  --table-head-text: #d0d0d0;

  --pos: #3ba55d;
  --neg: #a53b3b;

  --modal-overlay: rgba(0, 0, 0, 0.65);
  --modal-bg: var(--card-bg);
  --modal-border: var(--card-border);
  --modal-shadow: var(--card-shadow);

  --danger-bg: rgba(255, 80, 80, 0.18);
  --danger-hover-bg: rgba(255, 80, 80, 0.28);
  --danger-border: rgba(255, 120, 120, 0.40);
  --danger-text: var(--text);

  --icon-btn: var(--text);
  --icon-btn-hover-bg: rgba(255, 255, 255, 0.08);
  --icon-btn-border: rgba(255, 255, 255, 0.14);
}