/* Selector de instituciones. Claro por defecto; oscuro con html[data-theme="dark"]. */
:root,
html[data-theme="light"] {
  --brand: #6d28d9;
  --brand-soft: #f0e9fb;
  --brand-strong: #4c1d95;
  --bg: #f8f7fb;
  --canvas: #f8f7fb;
  --surface: #ffffff;
  --line: #e9e6f2;
  --shadow: 0 8px 24px rgba(30, 20, 60, .06);
  --text: #1e1b2e;
  --text-soft: #5b5670;
  --urgent: #dc2626;
  --urgent-soft: #fef2f2;
  --urgent-ink: #b91c1c;
  --st-activa: #15803d;
  --st-activa-bg: #dcfce7;
  --st-inactiva: #4b5563;
  --st-inactiva-bg: #f3f4f6;
  --st-suspendida: #b45309;
  --st-suspendida-bg: #fef3c7;
  --st-trial: #1d4ed8;
  --st-trial-bg: #dbeafe;
  --st-cancelada: #b91c1c;
  --st-cancelada-bg: #fee2e2;
  --nav-bg: rgba(255, 255, 255, .92);
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --content: 1200px;
  --font: "Plus Jakarta Sans", "Segoe UI", sans-serif;
  --focus: 0 0 0 3px color-mix(in srgb, var(--brand) 35%, transparent);
  color-scheme: light;
}

@supports (color: color-mix(in oklch, white, black)) {
  :root,
  html[data-theme="light"] {
    --brand-soft: color-mix(in oklch, #6d28d9 10%, white);
  }
}

html[data-theme="dark"] {
  --brand: #7c3aed;
  --brand-soft: #2a2044;
  --brand-strong: #ddd6fe;
  --bg: #14121c;
  --canvas: #14121c;
  --surface: #1c1828;
  --line: #3a3450;
  --shadow: 0 8px 24px rgba(0, 0, 0, .35);
  --text: #f4f2fa;
  --text-soft: #c9c3d8;
  --urgent: #dc2626;
  --urgent-soft: #3f1515;
  --urgent-ink: #fecaca;
  --st-activa: #bbf7d0;
  --st-activa-bg: #14532d;
  --st-inactiva: #e5e7eb;
  --st-inactiva-bg: #374151;
  --st-suspendida: #fde68a;
  --st-suspendida-bg: #78350f;
  --st-trial: #bfdbfe;
  --st-trial-bg: #1e3a8a;
  --st-cancelada: #fecaca;
  --st-cancelada-bg: #7f1d1d;
  --nav-bg: rgba(20, 18, 28, .88);
  color-scheme: dark;
}