body.foxified-light {
  --bg-body: #fff8f2;
  --bg-panel: #fff0e6;
  --bg-sidebar: #ffe5d0;
  --bg-tab: #ffd6b3;
  --bg-tab-active: #ffcc99;
  --bg-button: #ff6600;

  --text-main: #5a2e0c;
  --text-subtle: #aa6033;
  --text-muted: #e08653;
  --text-inverted: #fff;

  --border-color: #cc7744;
  --shadow: 0 4px 12px rgba(255, 102, 0, 0.2);

  --tab-hover-bg: #ffbb88;
  --tab-hover-text: #5a2e0c;
  --tab-border: #cc7744;
  --tab-shadow: #ff9966;
  --tab-hover-shadow: #ff8844;
}