[data-theme="light"] {
  --bg-app: #f8fafc;
  --bg-main: #ffffff;
  --bg-content: #f1f5f9;
  --bg-header: #ffffff;
  --bg-card: #ffffff;
  --bg-sidebar: #1e293b;
  --bg-sidebar-hover: #334155;
  --bg-input: #ffffff;
  --bg-input-hover: #f8fafc;
  --bg-input-focus: #ffffff;
  --bg-disabled: #f1f5f9;
  --bg-table-header: #f8fafc;
  --bg-table-hover: #f1f5f9;
  --bg-skeleton: #e2e8f0;
  --bg-scrollbar: #cbd5e1;
  --bg-scrollbar-hover: #94a3b8;

  --text-primary: #0f172a;
  --text-main: #1e293b;
  --text-muted: #64748b;
  --text-sidebar: #cbd5e1;
  --text-header: #0f172a;

  --border-main: #e2e8f0;
  --border-card: #e2e8f0;
  --border-sidebar: #334155;
  --border-input: #cbd5e1;
  --border-input-hover: #94a3b8;
  --border-table: #f1f5f9;

  --color-sidebar-accent: #e2e8f0;
  --color-sidebar-active-bg: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] {
  --bg-app: #0f172a;
  --bg-main: #1e293b;
  --bg-content: #0f172a;
  --bg-header: #1e293b;
  --bg-card: #1e293b;
  --bg-sidebar: #0b1120;
  --bg-sidebar-hover: #1e293b;
  --bg-input: #1e293b;
  --bg-input-hover: #334155;
  --bg-input-focus: #1e293b;
  --bg-disabled: #1e293b;
  --bg-table-header: #1e293b;
  --bg-table-hover: #334155;
  --bg-skeleton: #334155;
  --bg-scrollbar: #475569;
  --bg-scrollbar-hover: #64748b;

  --text-primary: #f1f5f9;
  --text-main: #e2e8f0;
  --text-muted: #94a3b8;
  --text-sidebar: #94a3b8;
  --text-header: #f1f5f9;

  --border-main: #334155;
  --border-card: #334155;
  --border-sidebar: #1e293b;
  --border-input: #475569;
  --border-input-hover: #64748b;
  --border-table: #1e293b;

  --color-sidebar-accent: #e2e8f0;
  --color-sidebar-active-bg: rgba(255, 255, 255, 0.08);
}

.theme-icon-dark { display: none; }
[data-theme="dark"] .theme-icon-light { display: none; }
[data-theme="dark"] .theme-icon-dark { display: block; }

body {
  transition: background var(--transition-base), color var(--transition-base);
}