/* Equilibrio claro: conserva el cristal y la geometría; refuerza lectura y estados.
   Todos los colores se definen en theme.css. */
@media screen {
  [data-theme=light] .eyebrow { color: var(--text-eyebrow); }
  [data-theme=light] .sidebar { background: var(--nav-fill); }
  [data-theme=light] .login-art { background: var(--login-fill); }
  [data-theme=light] .brand small,
  [data-theme=light] .sidebar-bottom small { color: var(--nav-accent-text); }
  [data-theme=light] .login-art .eyebrow,
  [data-theme=light] .login-art>small { color: var(--nav-accent-text)!important; }
  [data-theme=light] .modal { background: var(--modal-fill); }
  [data-theme=light] .notice.setup-notice { border-left-color: var(--notice-accent-edge); }
  [data-theme=light] .setup-notice p { color: var(--text-secondary); }
  [data-theme=light] .inv-soon { color: var(--text-link); }
  [data-theme=light] .workflow-card { border-top-color: var(--brand-ocean); }
  [data-theme=light] .workflow-card:hover { border-top-color: var(--edge-interactive); }
  [data-theme=light] .workflow-card.needs-action,
  [data-theme=light] .workflow-card.needs-action:hover { border-top-color: var(--edge-interactive-info); }
  [data-theme=light] .btn.text,
  [data-theme=light] .btn.text:hover { background: transparent; border-color: transparent; box-shadow: none; }
  [data-theme=light] .btn.text { color: var(--text-link); }
  [data-theme=light] .btn.text:hover { color: var(--text-link-hover); }
  [data-theme=light] input::placeholder,
  [data-theme=light] textarea::placeholder { color: var(--text-placeholder); opacity: 1; }
  [data-theme=light] :is(button,a,summary):focus-visible,
  [data-theme=light] .brand:focus-visible { outline-color: var(--focus-ring); }
  [data-theme=light] .field input:focus,
  [data-theme=light] .field select:focus,
  [data-theme=light] .field textarea:focus,
  [data-theme=light] .search:focus { outline-color: var(--focus-ring); }
  [data-theme=light] .btn:disabled,
  [data-theme=light] .btn:disabled:hover {
    color: var(--disabled-text); background: var(--disabled-fill);
    border-color: var(--disabled-edge); box-shadow: none; opacity: 1; transform: none;
  }
}
@media screen and (max-width:700px) {
  [data-theme=light] .sidebar.open+.sidebar-scrim { background: var(--overlay-fill); }
}