:root,
:root[data-theme="light"] {
  --bg: #f0f4f8;
  --surface: #f8fafc;
  --card: #ffffff;
  --border: #dde4ef;
  --text: #1e293b;
  --muted: #64748b;
  --accent: #2563eb;
  --accent-soft: #eff6ff;
  --accent-soft-border: #c7dcfd;
  --green: #059669;
  --green-soft: #f0fdf4;
  --red: #dc2626;
  --hover-surface: #f0f4f8;
  --header-bg: #ffffff;
  --input-bg: #f8fafc;
  --shadow: rgba(0, 0, 0, 0.08);

  --c-pre: #2563eb;
  --c-idc: #0891b2;
  --c-pcp: #0d9488;
  --c-col: #d97706;
  --c-psp: #65a30d;
  --c-exm: #7c3aed;
  --c-anl: #c026d3;
  --c-rpt: #059669;
  --c-cmn: #475569;
  --c-cvg: #b91c1c;
}

:root[data-theme="dark"] {
  --bg: #0d1b2a;
  --surface: #0f2035;
  --card: #111c2e;
  --border: #1c3050;
  --text: #d4dff0;
  --muted: #5c7a9a;
  --accent: #3b82f6;
  --accent-soft: rgba(59, 130, 246, 0.15);
  --accent-soft-border: rgba(59, 130, 246, 0.4);
  --green: #10b981;
  --green-soft: rgba(16, 185, 129, 0.1);
  --red: #ef4444;
  --hover-surface: rgba(255, 255, 255, 0.06);
  --header-bg: #071020;
  --input-bg: rgba(255, 255, 255, 0.06);
  --shadow: rgba(0, 0, 0, 0.35);

  --c-pre: #3b82f6;
  --c-idc: #06b6d4;
  --c-pcp: #14b8a6;
  --c-col: #f59e0b;
  --c-psp: #84cc16;
  --c-exm: #8b5cf6;
  --c-anl: #d946ef;
  --c-rpt: #10b981;
  --c-cmn: #64748b;
  --c-cvg: #ef4444;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg: #0d1b2a;
    --surface: #0f2035;
    --card: #111c2e;
    --border: #1c3050;
    --text: #d4dff0;
    --muted: #5c7a9a;
    --accent: #3b82f6;
    --accent-soft: rgba(59, 130, 246, 0.15);
    --accent-soft-border: rgba(59, 130, 246, 0.4);
    --green: #10b981;
    --green-soft: rgba(16, 185, 129, 0.1);
    --red: #ef4444;
    --hover-surface: rgba(255, 255, 255, 0.06);
    --header-bg: #071020;
    --input-bg: rgba(255, 255, 255, 0.06);
    --shadow: rgba(0, 0, 0, 0.35);
    --c-pre: #3b82f6;
    --c-idc: #06b6d4;
    --c-pcp: #14b8a6;
    --c-col: #f59e0b;
    --c-psp: #84cc16;
    --c-exm: #8b5cf6;
    --c-anl: #d946ef;
    --c-rpt: #10b981;
    --c-cmn: #64748b;
    --c-cvg: #ef4444;
  }
}