/* Temas predefinidos usando la clase cfs-toc--{theme} */
/* Temas adicionales (se aplican sobre .cfs-toc) */

.cfs-toc--light {
  --cfs-bg: #ffffff;
  --cfs-fg: #111827;
  --cfs-border: #e5e7eb;
  --cfs-muted: #6b7280;
}

.cfs-toc--dark {
  --cfs-bg: #111827;
  --cfs-fg: #f9fafb;
  --cfs-border: #374151;
  --cfs-muted: #9ca3af;
}

.cfs-toc--card {
  --cfs-bg: #ffffff;
  --cfs-fg: #111827;
  --cfs-border: #e5e7eb;
  --cfs-muted: #6b7280;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.cfs-toc--underline .cfs-toc__link {
  text-decoration: underline;
}

.cfs-toc--gray {
  --cfs-bg: #f3f4f6;   /* gris claro */
  --cfs-fg: #111827;
  --cfs-border: #d1d5db;
  --cfs-muted: #6b7280;
}

.cfs-toc--orange {
  --cfs-bg: #fff7ed;   /* naranja claro */
  --cfs-fg: #7c2d12;
  --cfs-border: #fed7aa;
  --cfs-muted: #9a3412;
}