/* === DEFAULT THEME VARIABLES (Corporate Light) === */
:root {
  --font-body: system-ui, sans-serif;
  --radius: 8px;
  --padding: 1.2em;

  --bg-body: #f4f5f7;
  --bg-panel: #ffffff;
  --bg-sidebar: #2e3440;
  --bg-tab: #f0f1f3;
  --bg-tab-active: #ffffff;
  --bg-button: #e5e9f0;

  --text-main: #222;
  --text-subtle: #8a97a3;
  --text-muted: #aaa;
  --text-inverted: #fff;

  --border-color: #bbb;
  --shadow: 0 4px 12px rgba(0, 0, 0, 0.05);

  --tab-hover-bg: #cfd3d6;
  --tab-hover-text: #222;
  --tab-border: #ccc;
  --tab-shadow: #bbb;
  --tab-hover-shadow: #999;
}