/* 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");
@import url("./_legacy-tokens-bridge.css");
@import url("./shell.css");
@import url("./card.css");
@import url("./kpi.css");
@import url("./list.css");
@import url("./pills.css");
@import url("./form.css");
@import url("./modal.css");
@import url("./toast.css");
@import url("./empty.css");
@import url("./palette.css");

/* ─────────── 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); }