html[data-theme="light"],
html:not([data-theme]) {
  color-scheme: light;

  /* Puente a variables públicas de Frappe v16. */
  --bg-color: var(--aguacol-bg-app);
  --fg-color: var(--aguacol-bg-surface);
  --card-bg: var(--aguacol-bg-card);
  --subtle-fg: var(--aguacol-bg-subtle);
  --control-bg: var(--aguacol-bg-field);
  --text-color: var(--aguacol-text-primary);
  --text-muted: var(--aguacol-text-secondary);
  --heading-color: var(--aguacol-text-primary);
  --navbar-bg: var(--aguacol-bg-navigation);
  --modal-bg: var(--aguacol-bg-elevated);
  --toast-bg: var(--aguacol-bg-elevated);
  --popover-bg: var(--aguacol-bg-elevated);
  --fg-hover-color: var(--aguacol-bg-subtle);
  --sidebar-select-color: var(--aguacol-action-secondary);
  --border-color: var(--aguacol-border);
  --dark-border-color: var(--aguacol-neutral-300);
  --table-border-color: var(--aguacol-divider);
  --primary: var(--aguacol-action-primary);
  --primary-color: var(--aguacol-action-primary);
  --primary-action: var(--aguacol-action-primary);
  --disabled-text-color: var(--aguacol-text-disabled);
  --btn-primary: var(--aguacol-action-primary);
  --btn-default-bg: var(--aguacol-bg-subtle);
  --btn-default-hover-bg: var(--aguacol-action-secondary);
  --btn-ghost-hover-bg: var(--aguacol-bg-subtle);
  --surface-white: var(--aguacol-bg-surface);
  --surface-gray-1: var(--aguacol-bg-subtle);
  --surface-gray-2: #e9edf6;
  --surface-gray-3: #dce3ef;
  --surface-gray-7: var(--aguacol-neutral-900);
  --ink-gray-4: var(--aguacol-text-disabled);
  --ink-gray-5: var(--aguacol-text-secondary);
  --ink-gray-6: #43546b;
  --ink-gray-7: var(--aguacol-text-primary);
  --ink-gray-8: var(--aguacol-text-primary);
  --blue-500: var(--aguacol-action-primary);
  --blue-600: var(--aguacol-action-primary-hover);
  --green-500: var(--aguacol-success);
  --red-500: var(--aguacol-error);
  --yellow-500: var(--aguacol-warning);
}