/* ====== Colores globales (claro) ====== */
:root,
[data-bs-theme=light],
[data-menu-theme=light]{
  --tblr-primary: #EC7700;
  --tblr-primary-rgb: 236, 119, 0;
  --tblr-success: #EC7700;
  --tblr-success-rgb: 236, 119, 0;
  --tblr-link-color: #EC7700;
  --tblr-link-color-rgb: 236, 119, 0;
  --tblr-link-hover-color: #70cbb1;

  --tblr-secondary: #10312B;
  --tblr-body-color: #10312B;

  --tblr-navbar-color: #ffffff;

  --tblr-border-color: #175e4c;
  --tblr-muted: #E1C9B1;

  --tblr-card-border-color: #175e4c;

  --tblr-form-valid-border-color: #28a745;
  --tblr-form-invalid-border-color: #dc3545;

  /* Mantener formularios y cards claros */
  --tblr-bg-forms: #ffffff;
  --tblr-card-bg: #ffffff;
  /* ⛔ NO toques --tblr-bg-surface globalmente */
}

/* ====== Sidebar vertical oscuro (solo en el menú) ====== */
.navbar-vertical{
  background-color: #10312B !important;
  /* Si querés usar variables dentro del sidebar, las scopeás acá */
  --tblr-bg-surface: #10312B;      /* aplica SOLO al árbol del sidebar */
  --tblr-navbar-color: #ffffff;
  --tblr-link-color: #ffffff;
  --tblr-border-color: rgba(255,255,255,.08);
}

.navbar-dark{
  background-color: #10312B !important;
  /* Si querés usar variables dentro del sidebar, las scopeás acá */
  --tblr-bg-surface: #10312B;      /* aplica SOLO al árbol del sidebar */
  --tblr-navbar-color: #ffffff;
  --tblr-link-color: #ffffff;
  --tblr-border-color: rgba(255,255,255,.08);
}

/* ====== Área de contenido clara ====== */
.page-wrapper, .page{
  /* si alguna vista del tema usa surface en el body, lo forzás claro acá */
  --tblr-bg-surface: #f2f4f6;
}
.card{ background: var(--tblr-card-bg); }