/* Tokens de diseño (Doc. 05 §5.2). Estilo clínico moderno con contraste AA. */
:root {
  color-scheme: light;
  --bg: #ffffff;
  --bg-soft: #f8fafc;
  --fg: #1e293b;
  --muted: #64748b;
  --line: #e2e8f0;
  --accent: #1976d2;
  --accent-hover: #1565c0;
  --accent-fg: #ffffff;
  --danger: #b42318;
  --danger-fg: #ffffff;
  --warn: #8a5300;
  --ok: #1d6f3a;
  --focus: #1976d2;
  /* Estados de turno */
  --st-booked: #1976d2;
  --st-confirmed: #0b6e69;
  --st-waiting: #8a5300;
  --st-in_progress: #1d6f3a;
  --st-attended: #4b5563;
  --st-no_show: #b42318;
  --st-cancelled: #6b7280;
  --radius: 6px;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  /* Superficies para la vista moderna en Modo Claro */
  --canvas-bg: #f4f6fb;
  --topbar-bg: #ffffff;
  --topbar-line: #e2e8f0;
  --card-bg: #ffffff;
  --card-line: #e2e8f0;
  --card-fg: #0f172a;
  --card-muted: #64748b;
  --progress-track: #e2e8f0;
  --table-border: #e2e8f0;

  /* Sidebar en Light Mode: barra menos oscura (slate suave y elegante en lugar de negro puro) */
  --sidebar-bg: #1e293b;
  --sidebar-line: #334155;
  --sidebar-fg: #94a3b8;
  --sidebar-fg-hover: #f1f5f9;
  --sidebar-active-bg: #2563eb;
  --sidebar-active-fg: #ffffff;
  --sidebar-heading: #94a3b8;
  --sidebar-badge-bg: #ea580c;
  --sidebar-badge-fg: #ffffff;
  --sidebar-user-bg: #283548;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #090d16;
  --bg-soft: #131b2e;
  --fg: #e6e9ed;
  --muted: #94a3b8;
  --line: #1f2d47;
  --accent: #3b82f6;
  --accent-fg: #ffffff;
  --danger: #ff8a80;
  --danger-fg: #12161b;
  --warn: #f0b354;
  --ok: #6fd18f;
  --focus: #3b82f6;
  --st-booked: #7fb2ec;
  --st-confirmed: #3cc3b9;
  --st-waiting: #f0b354;
  --st-in_progress: #6fd18f;
  --st-attended: #b0b8c1;
  --st-no_show: #ff8a80;
  --st-cancelled: #9aa3ad;

  /* Superficies para la vista moderna en Modo Oscuro */
  --canvas-bg: #090d16;
  --topbar-bg: #101728;
  --topbar-line: #1c263d;
  --card-bg: #131b2e;
  --card-line: #1f2d47;
  --card-fg: #f8fafc;
  --card-muted: #94a3b8;
  --progress-track: #1f2d47;
  --table-border: #1f2d47;

  /* Sidebar en Modo Oscuro: superficie elegante y diferenciada */
  --sidebar-bg: #0e1526;
  --sidebar-line: #1c263d;
  --sidebar-fg: #94a3b8;
  --sidebar-fg-hover: #f1f5f9;
  --sidebar-active-bg: #2563eb;
  --sidebar-active-fg: #ffffff;
  --sidebar-heading: #64748b;
  --sidebar-badge-bg: #ea580c;
  --sidebar-badge-fg: #ffffff;
  --sidebar-user-bg: #182238;
}
