/**
 * Global color and design tokens for Medical AI (landing + app shell).
 * Imported by /app-shell-theme.css and index.html.
 */
:root {
  /* —— App shell (drive / chat / reports) —— */
  --ui-primary: #0f1a2e;
  --ui-surface: rgba(30, 58, 95, 0.4);
  --ui-surface-solid: #152a47;
  --ui-border: rgba(96, 165, 250, 0.28);
  --ui-accent: #3b82f6;
  --ui-accent-hover: #60a5fa;
  --ui-success: #34d399;
  --ui-error: #f87171;
  --ui-text: #f0f6ff;
  --ui-text-muted: #93c5fd;
  --ui-divider: rgba(96, 165, 250, 0.22);
  --sidebar-bg: #0a1628;
  --sidebar-text: #f0f6ff;
  --sidebar-muted: rgba(240, 246, 255, 0.55);
  --sidebar-active: rgba(37, 99, 235, 0.42);
  --shadow-md: 0 10px 28px rgba(0, 25, 60, 0.38);
  --shadow-lg: 0 18px 55px rgba(0, 25, 60, 0.48);

  /* Canvas charts (keep in sync with components/ChartRenderer.ts fallback) */
  --chart-color-1: #2563eb;
  --chart-color-2: #3b82f6;
  --chart-color-3: #60a5fa;
  --chart-color-4: #38bdf8;
  --chart-color-5: #818cf8;

  /* —— Landing page aliases —— */
  --bg-deep: var(--sidebar-bg);
  --text: var(--ui-text);
  --text-muted: var(--ui-text-muted);
  --border: var(--ui-border);
  --accent: #60a5fa;
  --accent-dim: rgba(37, 99, 235, 0.35);
  --accent-hover: #93c5fd;
  --cta-solid: #2563eb;
  --cta-solid-2: #1d4ed8;
  --header-h: 4rem;
  --shadow-soft: 0 24px 80px rgba(0, 20, 60, 0.55);
  --bg-card: rgba(37, 99, 235, 0.08);
  --bg-card-hover: rgba(37, 99, 235, 0.14);
}