/* common-light.css */
body.theme-light {
  --bg: #e9eef5;
  --text: #111111;

  --nav-bg: #ffffff;
  --nav-text: #111111;
  --nav-border: #cfd6e0;

  --link: #1f2937;
  --link-hover: #111111;

  --accent: #2f63f2;

  --muted: #4b5563;

  --card-bg: #ffffff;
  --card-border: #c3ccd8;
  --card-shadow: 0 10px 28px rgba(16, 24, 40, 0.10);

  --btn-bg: #ffffff;
  --btn-text: #111111;
  --btn-border: #b7c0cc;
  --btn-hover-bg: #f1f3f6;

  --input-bg: #ffffff;
  --input-text: #111111;
  --input-border: #b7c0cc;

  --table-bg: #ffffff;
  --table-head-bg: #d7dde7;
  --table-row-even: #d1d9e6;
  --table-hover: #e5eaf2;
  --table-head-text: #111111;

  --pos: #1f8b3a;
  --neg: #b3261e;
  
  --modal-overlay: rgba(0, 0, 0, 0.45);
  --modal-bg: var(--card-bg);
  --modal-border: var(--card-border);
  --modal-shadow: var(--card-shadow);

  --danger-bg: #ffe8e8;
  --danger-hover-bg: #ffd6d6;
  --danger-border: #ffb5b5;
  --danger-text: #7a0000;

  --icon-btn: var(--text);
  --icon-btn-hover-bg: rgba(0, 0, 0, 0.06);
  --icon-btn-border: rgba(0, 0, 0, 0.12);