:root {
  color-scheme: light;
  --demo-brand-name: "Espiga y Fermento";

  --demo-primary: #6A3CAB;
  --demo-primary-dark: #5831A0;
  --demo-primary-soft: #F0E8FB;
  --demo-primary-rgb: 106, 60, 171;

  --demo-bg-start: #EEF2F9;
  --demo-bg-end: #F6F1FB;
  --demo-surface: #FFFFFF;
  --demo-surface-soft: #F3F6FC;
  --demo-surface-alt: #F8FAFE;
  --demo-border: #D7DCEB;
  --demo-border-strong: #bfc3ce;

  --demo-text: #232946;
  --demo-text-muted: #667494;
  --demo-label: var(--demo-primary);
  --demo-title: #1F2633;
  --demo-subtitle: #7C88A8;
  --demo-link: #315CCD;

  --demo-table-header: #F0E8FB;
  --demo-table-header-alt: #E7DAFA;
  --demo-table-stripe: #FBF8FF;

  --demo-success: #2D9A67;
  --demo-success-dark: #227A4C;
  --demo-warning: #DA8A34;
  --demo-danger: #D35454;
  --demo-danger-dark: #B63F3F;
  --demo-danger-rgb: 211, 84, 84;
  --demo-error: #dc2626;
  --demo-error-rgb: 220, 38, 38;

  --demo-export-pdf: var(--demo-danger);
  --demo-export-pdf-hover: var(--demo-danger-dark);
  --demo-export-excel: var(--demo-success);
  --demo-export-excel-hover: var(--demo-success-dark);

  --demo-menu-bg: #1F2633;
  --demo-menu-hover: #2D3646;
  --demo-menu-border: rgba(255, 255, 255, .08);
  --demo-menu-text: #FFFFFF;
  --demo-menu-soft: rgba(31, 38, 51, .05);
  --demo-menu-soft-text: #232946;

  --demo-white: #FFFFFF;
  --demo-white-rgb: 255, 255, 255;
  --demo-on-primary: #FFFFFF;
  --demo-disabled-text: #b8b8b8;
  --demo-delete-icon: #ff2f2f;
  --demo-modal-overlay: rgba(35, 41, 70, .42);
  --demo-mobile-overlay: rgba(14, 19, 35, .46);
  --demo-mobile-drawer-bg: rgba(255, 255, 255, .985);

  --demo-primary-focus: rgba(var(--demo-primary-rgb), .14);
  --demo-primary-focus-soft: rgba(var(--demo-primary-rgb), .12);
  --demo-danger-focus: rgba(var(--demo-danger-rgb), .14);
  --demo-error-focus: rgba(var(--demo-error-rgb), .14);
  --demo-primary-wash: rgba(var(--demo-primary-rgb), .08);
  --demo-primary-wash-strong: rgba(var(--demo-primary-rgb), .15);
  --demo-primary-border-soft: rgba(var(--demo-primary-rgb), .18);
  --demo-primary-border: rgba(var(--demo-primary-rgb), .22);
  --demo-primary-border-strong: rgba(var(--demo-primary-rgb), .28);
  --demo-section-wash-start: rgba(var(--demo-primary-rgb), .03);
  --demo-section-wash-end: rgba(var(--demo-primary-rgb), .01);

  --demo-lilac-border: rgba(114, 89, 166, .10);
  --demo-lilac-panel-start: rgba(241, 235, 255, .98);
  --demo-lilac-panel-end: rgba(231, 222, 249, .92);
  --demo-lilac-panel-shadow: rgba(125, 96, 188, .10);
  --demo-lilac-title: #7259a6;
  --demo-lilac-text: #31284b;
  --demo-lilac-muted: #8470ad;
  --demo-lilac-line: #d9cff2;
  --demo-lilac-soft: #eadffb;
  --demo-lilac-softest: #fbf7ff;
  --demo-lilac-soft-alt: #f4edff;
  --demo-lilac-card-start: #fbf8ff;
  --demo-lilac-card-end: #f4effd;

  --demo-shadow-card-color: rgba(52, 47, 86, .05);
  --demo-shadow-soft-color: rgba(52, 47, 86, .06);
  --demo-shadow-floating-color: rgba(46, 34, 86, .16);
  --demo-shadow-muted-color: rgba(42, 33, 74, .06);
  --demo-menu-shadow-color: rgba(0, 0, 0, .18);
  --demo-menu-shadow-strong-color: rgba(0, 0, 0, .32);
  --demo-mobile-drawer-shadow-color: rgba(20, 16, 38, .24);

  --shadow-soft: 0 16px 38px var(--demo-shadow-soft-color);
  --shadow-card: 0 6px 18px var(--demo-shadow-card-color);
}

/* Tema activo: los encabezados de tablas y DataTables usan el azul de accion. */
html body table thead tr th,
html body table thead tr td,
html body table.striped thead tr th,
html body table.striped thead tr td,
html body .table thead tr th,
html body .table thead tr td,
html body .datatable thead tr th,
html body .datatable thead tr td,
html body table.dataTable thead tr th,
html body table.dataTable thead tr td,
html body table.dataTable thead tr th.sorting,
html body table.dataTable thead tr th.sorting_asc,
html body table.dataTable thead tr th.sorting_desc,
html body table.dataTable thead tr th.sorting_disabled,
html body table.dataTable thead tr th.sorting_asc_disabled,
html body table.dataTable thead tr th.sorting_desc_disabled,
html body .dataTables_wrapper table.dataTable thead tr th,
html body .dataTables_wrapper table.dataTable thead tr td,
html body .dataTables_wrapper table.dataTable thead tr th.sorting,
html body .dataTables_wrapper table.dataTable thead tr th.sorting_asc,
html body .dataTables_wrapper table.dataTable thead tr th.sorting_desc,
html body .dataTables_wrapper table.dataTable thead tr th.sorting_disabled,
html body .dataTables_wrapper table.dataTable thead tr th.sorting_asc_disabled,
html body .dataTables_wrapper table.dataTable thead tr th.sorting_desc_disabled,
html body .dataTables_scrollHead table.dataTable thead tr th,
html body .dataTables_scrollHead table.dataTable thead tr td,
html body .dataTables_scrollHeadInner table.dataTable thead tr th,
html body .dataTables_scrollHeadInner table.dataTable thead tr td,
html body .calendario-ver-module table.dataTable thead tr th,
html body .calendario-ver-module table.dataTable thead tr td,
html body .calendario-ver-module table.striped thead tr th,
html body .calendario-ver-module table.striped thead tr td,
html body .calendario-ver-module table thead tr th,
html body .calendario-ver-module table thead tr td,
html body .cocina-module table.dataTable thead tr th,
html body .cocina-module table.dataTable thead tr td,
html body .cocina-module table.striped thead tr th,
html body .cocina-module table.striped thead tr td,
html body .documentos-operacion-module table.dataTable thead tr th,
html body .documentos-operacion-module table.dataTable thead tr td,
html body .compras-generar-module table.dataTable thead tr th,
html body .compras-generar-module table.dataTable thead tr td {
  color: #1F2633 !important;
}

html body table thead tr th *,
html body table thead tr td *,
html body table.striped thead tr th *,
html body table.striped thead tr td *,
html body .datatable thead tr th *,
html body .datatable thead tr td *,
html body table.dataTable thead tr th *,
html body table.dataTable thead tr td *,
html body .dataTables_wrapper table.dataTable thead tr th *,
html body .dataTables_wrapper table.dataTable thead tr td *,
html body .dataTables_scrollHead table.dataTable thead tr th *,
html body .dataTables_scrollHead table.dataTable thead tr td *,
html body .dataTables_scrollHeadInner table.dataTable thead tr th *,
html body .dataTables_scrollHeadInner table.dataTable thead tr td *,
html body .calendario-ver-module table thead tr th *,
html body .calendario-ver-module table thead tr td *,
html body .cocina-module table thead tr th *,
html body .cocina-module table thead tr td *,
html body .documentos-operacion-module table thead tr th *,
html body .documentos-operacion-module table thead tr td *,
html body .compras-generar-module table thead tr th *,
html body .compras-generar-module table thead tr td * {
  color: #1F2633 !important;
}

/* Solo estos elementos conservan el verde de identidad de Espiga. */
html body h1,
html body .page-title,
html body .titulo-pagina,
html body .usuarios-page-title,
html body .demo-heading h1,
html body .brand-name,
html body .site-brand,
html body .header-brand,
html body .empresa-nombre,
html body .usuario-logueado,
html body .nombre-usuario,
html body .demo-menu-user__name {
  color: #5F7F2E !important;
}

html body .yoco-demo-menu-drawer .demo-mobile-group__links > li > a,
html body .yoco-demo-menu-drawer .demo-mobile-group__links > li > a:hover,
html body .yoco-demo-menu-drawer .demo-mobile-group__links > li > a:focus,
html body .yoco-demo-menu-drawer .demo-mobile-group__links > li > a:active,
html body .yoco-demo-menu-drawer .demo-mobile-deep-group__links > li > a,
html body .yoco-demo-menu-drawer .demo-mobile-deep-group__links > li > a:hover,
html body .yoco-demo-menu-drawer .demo-mobile-deep-group__links > li > a:focus,
html body .yoco-demo-menu-drawer .demo-mobile-deep-group__links > li > a:active {
  background: var(--demo-menu-bg) !important;
  background-color: var(--demo-menu-bg) !important;
  color: var(--demo-menu-text) !important;
  border-color: var(--demo-menu-border) !important;
}

html body .yoco-demo-menu-drawer .demo-mobile-group__links > li > a *,
html body .yoco-demo-menu-drawer .demo-mobile-deep-group__links > li > a * {
  color: var(--demo-menu-text) !important;
}