/* Light/dark tokens for public chrome only (login, rastreo, error).
   Authenticated panels keep the dark rules in style.css. */

html[data-theme="dark"] body.public {
  color-scheme: dark;
}

html[data-theme="light"] body.public {
  color-scheme: light;
  --bg: #f4f5f1;
  --bg2: #ffffff;
  --card: #ffffff;
  --border: #e0e3d8;
  --text: #232323;
  --muted: #5c6358;
  --primary: var(--hc-color-brand-verde);
  --primary-d: var(--hc-color-verde-700);
  --primary-contrast: var(--hc-color-brand-carbon);
  --ok: #3f6600;
  --warn: #8a6400;
  --danger: #9f1d1d;
  --info: #1d5f8a;
  --live: #3d6200;
  --shadow: 0 10px 28px rgba(35, 35, 35, 0.08);
  background:
    radial-gradient(900px 420px at 100% -10%, rgba(132, 189, 0, 0.16), transparent 55%),
    linear-gradient(165deg, #f4f5f1 0%, #ffffff 52%, #e7edd9 100%);
}

html[data-theme="light"] body.public .topbar {
  background: rgba(244, 245, 241, 0.92);
  border-bottom-color: var(--border);
}
html[data-theme="light"] body.public .brand-logo {
  border-color: var(--border);
}
html[data-theme="light"] body.public a:not(.btn):not(.brand) {
  color: var(--hc-color-text-link);
}
html[data-theme="light"] body.public .brand,
html[data-theme="light"] body.public .sidebar-link {
  color: var(--text);
}
html[data-theme="light"] body.public code {
  background: rgba(35, 35, 35, 0.06);
}
html[data-theme="light"] body.public .btn {
  background: #ffffff;
}
html[data-theme="light"] body.public .btn-primary,
html[data-theme="light"] body.public .btn-ok {
  background: var(--primary);
  border-color: var(--primary-d);
  color: var(--primary-contrast);
}
html[data-theme="light"] body.public .btn-ghost {
  background: transparent;
}
html[data-theme="light"] body.public .btn-danger {
  background: #fde8e8;
  border-color: #e8b4b4;
  color: #6e1414;
}
html[data-theme="light"] body.public input,
html[data-theme="light"] body.public select,
html[data-theme="light"] body.public textarea {
  background: #ffffff;
  color: var(--text);
}
html[data-theme="light"] body.public input::placeholder {
  color: #6d7468;
}
html[data-theme="light"] body.public .map {
  background: #e7e9e2;
}
html[data-theme="light"] body.public .badge-muted {
  background: #eceee6;
  color: #3a3a3a;
  border-color: #d5d8ce;
}
html[data-theme="light"] body.public .badge-info {
  background: #e5f2fa;
  color: #164e73;
  border-color: #b7d4e8;
}
html[data-theme="light"] body.public .badge-warn {
  background: #fff4d6;
  color: #6d5200;
  border-color: #ead48a;
}
html[data-theme="light"] body.public .badge-live {
  background: #eef6d8;
  color: #345200;
  border-color: #c6de8c;
}
html[data-theme="light"] body.public .badge-ok {
  background: #e5f3d4;
  color: #2f4d00;
  border-color: #b7d48a;
}
html[data-theme="light"] body.public .badge-danger {
  background: #fde8e8;
  color: #8f1d1d;
  border-color: #f0c4c4;
}
html[data-theme="light"] body.public .alert-ok,
html[data-theme="light"] body.public .alert-success {
  background: #e7f6d8;
  border-color: #b7d48a;
  color: #243b00;
}
html[data-theme="light"] body.public .alert-danger {
  background: #fde8e8;
  border-color: #f0c4c4;
  color: #6e1414;
}
html[data-theme="light"] body.public .alert-info {
  background: #e5f2fa;
  border-color: #b7d4e8;
  color: #143e5c;
}
html[data-theme="light"] body.public .sidebar {
  background: rgba(255, 255, 255, 0.96);
}
html[data-theme="light"] body.public .sidebar-link.is-active {
  color: #2f4d00;
}
html[data-theme="light"] body.public .btn-icon {
  background: rgba(35, 35, 35, 0.04);
}