/**
 * ReadImaging — Clean Medical Theme
 *
 * Dark slate (#0f172a) base with blue (#3b82f6) accents.
 *
 * Two layers of overrides:
 * 1. CSS custom properties (--primary, --background, etc.) for shadcn/radix components
 * 2. Tailwind class overrides for OHIF's hardcoded color classes
 */

/* ═══════════════════════════════════════════════════════════════════════════ */
/* CSS Custom Properties (shadcn/radix UI components)                         */
/* ═══════════════════════════════════════════════════════════════════════════ */

:root {
  --primary: 217 91% 60%;              /* blue #3b82f6 */
  --primary-foreground: 222 47% 11%;
  --background: 222 47% 11%;           /* dark slate #0f172a */
  --foreground: 210 40% 96%;
  --card: 217 33% 17%;
  --card-foreground: 210 40% 96%;
  --popover: 222 40% 14%;
  --popover-foreground: 210 40% 96%;
  --secondary: 217 80% 45%;
  --secondary-foreground: 210 40% 96%;
  --muted: 217 25% 20%;
  --muted-foreground: 215 20% 65%;
  --accent: 217 70% 35%;
  --accent-foreground: 210 40% 96%;
  --destructive: 0 62% 35%;
  --destructive-foreground: 0 0% 98%;
  --border: 217 15% 25%;
  --input: 217 25% 22%;
  --ring: 217 91% 60%;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* Tailwind color class overrides (OHIF's hardcoded theme colors)             */
/* ═══════════════════════════════════════════════════════════════════════════ */

/* ── primary colors ── */
.text-primary-light  { color: #60a5fa !important; }         /* blue-400 */
.bg-primary-light    { background-color: #60a5fa !important; }
.border-primary-light { border-color: #60a5fa !important; }

.text-primary-main   { color: #2563eb !important; }         /* blue-600 */
.bg-primary-main     { background-color: #2563eb !important; }
.border-primary-main { border-color: #2563eb !important; }

.text-primary-dark   { color: #0f172a !important; }
.bg-primary-dark     { background-color: #0f172a !important; }
.border-primary-dark { border-color: #1e293b !important; }

.text-primary-active  { color: #3b82f6 !important; }        /* blue-500 */
.bg-primary-active    { background-color: #3b82f6 !important; }
.border-primary-active { border-color: #3b82f6 !important; }

/* ── secondary colors ── */
.text-secondary-light  { color: #1e40af !important; }       /* blue-800 */
.bg-secondary-light    { background-color: #1e293b !important; } /* slate-800 */

.text-secondary-main   { color: #94a3b8 !important; }       /* slate-400 */
.bg-secondary-main     { background-color: #0f172a !important; } /* slate-900 */

.bg-secondary-dark     { background-color: #0c1322 !important; }
.text-secondary-dark   { color: #cbd5e1 !important; }

.text-secondary-active { color: #2563eb !important; }
.bg-secondary-active   { background-color: #0f1a2e !important; }

/* ── common/utility colors ── */
.text-aqua-pale { color: #93c5fd !important; }              /* blue-300 */

/* ── accent overrides for specific UI elements ── */
.border-b-primary-light { border-bottom-color: #60a5fa !important; }
.border-l-primary-light { border-left-color: #60a5fa !important; }

/* ── custom blue overrides ── */
.border-customblue-10 { border-color: #1e293b !important; }
.bg-customblue-30     { background-color: #1e293b !important; }
.bg-customblue-40     { background-color: #1e3a5f !important; }
.bg-customblue-400    { background-color: #3b82f6 !important; }

/* ── custom green → blue success ── */
.text-customgreen-100 { color: #3b82f6 !important; }
.bg-customgreen-100   { background-color: #3b82f6 !important; }

/* ── custom blue text ── */
.text-customblue-100  { color: #bfdbfe !important; }  /* blue-200 */
.text-customblue-200  { color: #60a5fa !important; }  /* blue-400 */

/* ── Global override: kill ALL remaining cyan/teal ── */
.text-primary-light,
[class*="text-primary-light"] {
  color: #60a5fa !important;
}

/* ── indigo overrides → dark slate ── */
.bg-indigo-dark { background-color: #0f172a !important; }

/* ── common colors ── */
.text-common-bright { color: #dbeafe !important; }  /* blue-100 */
.text-common-light  { color: #cbd5e1 !important; }  /* slate-300 */
.text-common-active { color: #3b82f6 !important; }
.bg-common-active   { background-color: #172554 !important; }

/* Scrollbar */
::-webkit-scrollbar-thumb {
  background-color: #334155 !important;
}
::-webkit-scrollbar-track {
  background-color: #0f172a !important;
}