/* CaseHub App · Canonical CSS bundle entry-point.
 *
 * Order matters: tokens → primitives → atoms → composites.
 * Each rota carrega ESTE arquivo apenas; tudo via @import (single HTTP req cached).
 */
@import url("./_tokens.css?v=20260609-refino");
/* Legacy tokens bridge (2026-05-27): preenche vocabulário semantic-tokens
 * que templates legacy carregam dentro do shell app/base.html.
 * Sem isso, CSS de calendar-agenda-lista.css, errors-500.css, etc., usam
 * var(--surface-raised), var(--text-primary), var(--font-size-base)... e
 * o layout colapsa porque essas vars não existem no app/_tokens.css.
 * Documentação em static/css/app/_legacy-tokens-bridge.css. */
@import url("./_legacy-tokens-bridge.css?v=20260603-radius-focus");
@import url("./shell.css?v=20260609-refino");
@import url("./card.css?v=20260609-neu");
@import url("./kpi.css?v=20260609-neu");
@import url("./list.css?v=20260609-onda2");
@import url("./pills.css?v=20260603-urgency");
@import url("./form.css");
@import url("./notifications.css?v=20260609-refino");
@import url("./modal.css");
@import url("./toast.css");
@import url("./empty.css");
@import url("./palette.css");
@import url("./accessibility.css?v=20260603-a11y-letra-grande");

/* ─────────── Skip-to-content (a11y) ─────────── */
.ch-skip {
  position: absolute; top: -40px; left: var(--space-4);
  background: var(--c-navy); color: var(--c-paper);
  padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm);
  font-size: var(--fs-sm); font-weight: 700;
  z-index: var(--z-toast);
  transition: top var(--motion-fast) var(--ease-out);
}
.ch-skip:focus { top: var(--space-2); }