:root {
  color-scheme: light;
  --connect-navy: #282535;
  --connect-rail: #282535;
  --connect-sidebar: #f3f2f8;
  --connect-surface: #fff;
  --connect-canvas: #f8f8fb;
  --connect-ink: #282638;
  --connect-muted: #858291;
  --connect-accent: #7360c7;
  --connect-accent-dark: #5d49b3;
  --connect-soft: #eae5f7;
  --connect-line: #eeedf3;
  --accent: var(--connect-accent);
  --accent-dark: var(--connect-accent-dark);
  --canvas: var(--connect-canvas);
  --ink: var(--connect-ink);
  --line: var(--connect-line);
}

[data-theme="dark"] {
  color-scheme: dark;
  --connect-navy: #19161e;
  --connect-rail: #19161e;
  --connect-sidebar: #221f2b;
  --connect-surface: #292532;
  --connect-canvas: #24212e;
  --connect-ink: #e6deef;
  --connect-muted: #a096b0;
  --connect-accent: #a18ad8;
  --connect-accent-dark: #8e74cd;
  --connect-soft: #40344e;
  --connect-line: #383140;
  --accent: var(--connect-accent);
  --accent-dark: var(--connect-accent-dark);
  --canvas: var(--connect-canvas);
  --ink: var(--connect-ink);
  --line: var(--connect-line);
}

.connect-admin { color: var(--connect-ink); background: var(--connect-canvas); font-family: Inter, "Segoe UI", Arial, sans-serif; }
html { background: var(--connect-canvas); }
.connect-admin .connect-sidebar { background: var(--connect-sidebar); border-color: var(--connect-line); }
.connect-admin .connect-main { background: var(--connect-canvas); }
.connect-settings .connect-sidebar .bg-slate-50 { background: var(--connect-sidebar); }
.connect-platform .connect-sidebar { color: var(--connect-ink); }
.connect-platform .connect-sidebar [class~="bg-slate-900/60"],
.connect-platform .connect-sidebar [class~="bg-slate-950/70"] { background: var(--connect-sidebar); }
.connect-platform .connect-sidebar .border-slate-800 { border-color: var(--connect-line); }
.connect-platform .connect-sidebar .text-slate-300,
.connect-platform .connect-sidebar .text-slate-200,
.connect-platform .connect-sidebar #sidebar-org-name,
.connect-platform .connect-sidebar #user-footbar-name { color: var(--connect-ink); }
.connect-platform .connect-sidebar .text-slate-400 { color: var(--connect-muted); }
.connect-platform .connect-sidebar .hover\:bg-slate-800:hover,
.connect-platform .connect-sidebar [class~="hover:bg-slate-800/80"]:hover { background: var(--connect-soft); }
.connect-platform .connect-sidebar .hover\:text-white:hover { color: var(--connect-accent); }
.connect-admin .connect-theme-toggle { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; min-height: 34px; border: 1px solid #ffffff30; border-radius: 9px; color: #e6deef; background: #ffffff0d; font-size: 18px; line-height: 1; }
.connect-admin .connect-theme-toggle:hover { background: #ffffff20; }
.connect-admin :focus-visible { outline: 3px solid var(--connect-accent); outline-offset: 2px; }

[data-theme="dark"] .connect-admin .bg-white,
[data-theme="dark"] .connect-admin [class~="bg-white/95"] { background-color: var(--connect-surface); }
[data-theme="dark"] .connect-admin .bg-slate-50,
[data-theme="dark"] .connect-admin .bg-slate-100,
[data-theme="dark"] .connect-admin [class~="bg-slate-50/60"] { background-color: var(--connect-sidebar); }
[data-theme="dark"] .connect-admin .bg-slate-200 { background-color: #40394b; }
[data-theme="dark"] .connect-admin .bg-slate-900,
[data-theme="dark"] .connect-admin .bg-slate-950,
[data-theme="dark"] .connect-admin [class~="bg-slate-900/60"] { background-color: var(--connect-sidebar); }
[data-theme="dark"] .connect-admin .connect-main { background-color: var(--connect-canvas); }
[data-theme="dark"] .connect-admin .connect-sidebar { background-color: var(--connect-sidebar); }
[data-theme="dark"] .connect-admin .text-slate-950,
[data-theme="dark"] .connect-admin .text-slate-900,
[data-theme="dark"] .connect-admin .text-slate-800,
[data-theme="dark"] .connect-admin .text-slate-700,
[data-theme="dark"] .connect-admin .text-slate-600 { color: var(--connect-ink); }
[data-theme="dark"] .connect-admin .text-slate-500,
[data-theme="dark"] .connect-admin .text-slate-400 { color: var(--connect-muted); }
[data-theme="dark"] .connect-admin .text-blue-600,
[data-theme="dark"] .connect-admin .text-indigo-600,
[data-theme="dark"] .connect-admin .text-purple-600 { color: var(--connect-accent); }
[data-theme="dark"] .connect-admin .border-slate-100,
[data-theme="dark"] .connect-admin .border-slate-200,
[data-theme="dark"] .connect-admin .border-slate-300 { border-color: var(--connect-line); }
[data-theme="dark"] .connect-admin input:not([type="checkbox"]):not([type="radio"]),
[data-theme="dark"] .connect-admin textarea,
[data-theme="dark"] .connect-admin select { background-color: var(--connect-surface); border-color: var(--connect-line); color: var(--connect-ink); }
[data-theme="dark"] .connect-admin input::placeholder,
[data-theme="dark"] .connect-admin textarea::placeholder { color: var(--connect-muted); }
[data-theme="dark"] .connect-admin .bg-blue-50,
[data-theme="dark"] .connect-admin .bg-blue-100,
[data-theme="dark"] .connect-admin .bg-indigo-50,
[data-theme="dark"] .connect-admin .bg-indigo-100,
[data-theme="dark"] .connect-admin .bg-purple-50,
[data-theme="dark"] .connect-admin .bg-purple-100 { background-color: var(--connect-soft); }
[data-theme="dark"] .connect-admin .text-blue-800,
[data-theme="dark"] .connect-admin .text-blue-900,
[data-theme="dark"] .connect-admin .text-blue-700,
[data-theme="dark"] .connect-admin .text-blue-950,
[data-theme="dark"] .connect-admin .text-indigo-700,
[data-theme="dark"] .connect-admin .text-purple-700,
[data-theme="dark"] .connect-admin .text-purple-800,
[data-theme="dark"] .connect-admin .text-purple-900,
[data-theme="dark"] .connect-admin .text-purple-950 { color: #d7c6f3; }
[data-theme="dark"] .connect-admin .border-blue-100,
[data-theme="dark"] .connect-admin .border-blue-200,
[data-theme="dark"] .connect-admin .border-indigo-200,
[data-theme="dark"] .connect-admin .border-purple-200 { border-color: #55476a; }
[data-theme="dark"] .connect-admin .hover\:bg-slate-100:hover,
[data-theme="dark"] .connect-admin .hover\:bg-slate-50:hover { background-color: var(--connect-soft); }
[data-theme="dark"] .connect-admin .hover\:bg-white:hover { background-color: #42364f; }
[data-theme="dark"] .connect-admin .hover\:text-blue-600:hover { color: #d7c6f3; }
[data-theme="dark"] .primary { background: #7360c7; }
[data-theme="dark"] .primary:hover { background: #5d49b3; }