/* ========================================
   CSS VARIABLES AND THEME DEFINITIONS
   ======================================== */
:root {
  --bg-color: #1e1e1e;
  --text-color: #ffffff;
  --card-bg: #2d2d2d;
  --border-color: #404040;
  --link-color: #569cd6;
  --link-hover: #4a9eff;
  --button-bg: #0078d4;
  --button-hover: #106ebe;
  --breadcrumb-color: #cccccc;
  --tree-bg: #252526;
  --tree-current-bg: #0078d4;
  --success-color: #28a745;
  --success-hover: #218838;
  --disabled-color: #6c757d;
}

[data-theme="light"] {
  --bg-color: #ffffff;
  --text-color: #333333;
  --card-bg: #f8f8f8;
  --border-color: #ddd;
  --link-color: #007acc;
  --link-hover: #005a9e;
  --button-bg: #007acc;
  --button-hover: #005a9e;
  --breadcrumb-color: #666;
  --tree-bg: #f8f8f8;
  --tree-current-bg: #007acc;
}