/**
 * Tema «Sepia claro» — interfaz clara cálida (lectura prolongada, menos azul).
 * html: .tema-sepia-claro | localStorage: sepia_claro
 */

html.tema-sepia-claro {
  --tint-page: #faf6ef;
  --tint-navbar: #f0e8d8;
  --tint-panel: #fffdf8;
  --tint-panel-head: #e8dcc8;
  --tint-border: #d4c4a8;
  --tint-sidebar: #faf7f0;
  --tint-text: #5c4a32;
  --tint-muted: #7d6b55;
  --erp-navbar-toggle-color: var(--tint-text);
}

.tema-sepia-claro body {
  background-color: var(--tint-page) !important;
  color: #3d3428 !important;
}

.tema-sepia-claro #wrapper {
  background-color: var(--tint-page);
}

.tema-sepia-claro #page-wrapper {
  background-color: var(--tint-page) !important;
  border-left-color: var(--tint-border) !important;
}

.tema-sepia-claro .navbar-default {
  background-color: var(--tint-navbar) !important;
  border-color: var(--tint-border) !important;
}

.tema-sepia-claro .navbar-header .navbar-brand {
  color: var(--tint-text) !important;
}

.tema-sepia-claro #sidebar-wrapper {
  --sb-surface: var(--tint-sidebar);
  --sb-text: #4a3f32;
  --sb-text-soft: #7d6b55;
  --sb-icon: #6b5b47;
  --sb-border: var(--tint-border);
  --sb-hover: #ebe0d0;
  --sb-active-bg: #e0d2bc;
  --sb-active-fg: #5c4a32;
  --sb-input-bg: #fffdf8;
  --sb-chevron: #7d6b55;
}

.tema-sepia-claro #sidebar-wrapper .sidebar.navbar-default {
  background-color: var(--sb-surface) !important;
  border-right-color: var(--sb-border) !important;
}

.tema-sepia-claro .page-header h1,
.tema-sepia-claro #nombre {
  color: var(--tint-text) !important;
}

.tema-sepia-claro .panel-default {
  background-color: var(--tint-panel) !important;
  border-color: var(--tint-border) !important;
}

.tema-sepia-claro .panel-default .panel-heading {
  background-color: var(--tint-panel-head) !important;
  border-color: var(--tint-border) !important;
  color: var(--tint-text) !important;
}

.tema-sepia-claro .panel-default .panel-body {
  background-color: var(--tint-panel) !important;
  color: #3d3428 !important;
}

.tema-sepia-claro .well {
  background-color: #faf6ef !important;
  border-color: var(--tint-border) !important;
  color: #3d3428 !important;
}

.tema-sepia-claro .table {
  background-color: var(--tint-panel) !important;
}

.tema-sepia-claro .table > thead > tr > th {
  background-color: var(--tint-panel-head) !important;
  color: var(--tint-text) !important;
  border-color: var(--tint-border) !important;
}

.tema-sepia-claro .table > tbody > tr > td {
  border-color: rgba(212, 196, 168, 0.65) !important;
}

.tema-sepia-claro .table > tbody > tr:hover {
  background-color: #faf6ef !important;
}

.tema-sepia-claro .footer {
  background-color: var(--tint-navbar) !important;
  border-top-color: var(--tint-border) !important;
}