@import "tailwindcss";

:root {
  --radius: 0.5rem;
  --brand-primary: #2563eb;
  --brand-primary-text: #f8fafc;
  --brand-accent: #0ea5e9;
  --ui-danger: #991b1b;
  --ui-danger-hover: #7f1d1d;
  --ui-danger-text: #fee2e2;
  --ui-warning: #b45309;
  --ui-warning-hover: #92400e;
  --ui-warning-text: #fffbeb;
  --ui-bg: #030712;
  --ui-panel: #0b1220;
  --ui-panel-soft: #121a2c;
  --ui-border: #263248;
  --ui-text: #e2e8f0;
  --ui-muted: #94a3b8;
  --ui-sidebar: #0b1326;
  --ui-hover: #1d2940;
  --ui-input-bg: #0a1326;
  --ui-input-border: #31415f;
  --ui-input-text: #e2e8f0;
  --ui-link: #7dd3fc;
}

:root.theme-light {
  color-scheme: light;
  --brand-primary-text: #f8fafc;
  --ui-danger: #b91c1c;
  --ui-danger-hover: #991b1b;
  --ui-danger-text: #fef2f2;
  --ui-warning: #d97706;
  --ui-warning-hover: #b45309;
  --ui-warning-text: #fffbeb;
  --ui-bg: #f2f6fb;
  --ui-panel: #ffffff;
  --ui-panel-soft: #f8fbff;
  --ui-border: #d7e0ee;
  --ui-text: #0f172a;
  --ui-muted: #475569;
  --ui-sidebar: #eef3fa;
  --ui-hover: #e6edf8;
  --ui-input-bg: #ffffff;
  --ui-input-border: #cfd8e6;
  --ui-input-text: #0f172a;
  --ui-link: #0369a1;
}

body {
  background-color: var(--ui-bg);
  color: var(--ui-text);
}

/* App (tenant) light mode compatibility for legacy slate utility usage */
:root.theme-light .app-shell .bg-slate-950 {
  background-color: #f2f6fb !important;
}

:root.theme-light .app-shell .bg-slate-900,
:root.theme-light .app-shell .bg-slate-900\/50,
:root.theme-light .app-shell .bg-slate-900\/60,
:root.theme-light .app-shell .bg-slate-900\/65 {
  background-color: #ffffff !important;
}

:root.theme-light .app-shell .bg-slate-800,
:root.theme-light .app-shell .bg-slate-800\/50,
:root.theme-light .app-shell .bg-slate-800\/80 {
  background-color: #edf3fa !important;
}

:root.theme-light .app-shell .text-white {
  color: #0f172a !important;
}

:root.theme-light .app-shell .text-slate-400,
:root.theme-light .app-shell .text-slate-500 {
  color: #475569 !important;
}

:root.theme-light .app-shell .text-slate-300,
:root.theme-light .app-shell .text-slate-200 {
  color: #1e293b !important;
}

:root.theme-light .app-shell .border-slate-800,
:root.theme-light .app-shell .border-slate-700,
:root.theme-light .app-shell .border-slate-700\/70,
:root.theme-light .app-shell .border-slate-700\/60,
:root.theme-light .app-shell .border-slate-600 {
  border-color: #d6deea !important;
}

:root.theme-light .app-shell .hover\:bg-slate-800:hover,
:root.theme-light .app-shell .hover\:bg-slate-800\/50:hover {
  background-color: #e6edf8 !important;
}