/* Base do design system (ADR-010): reset leve, subgrid e foco visível. */
@layer base {
  :root {
    /* Escala rem (1rem = 16px) — controlada pelo usuário/CMS. */
    font-size: 100%;
  }

  /* Subgrid para layouts complexos (com fallback implícito: grid simples). */
  .grid-subgrid {
    display: grid;
    grid-template-columns: subgrid;
  }

  /* Foco visível global (WCAG 2.4.7/2.4.11) — sem `!important`. */
  *:focus-visible {
    outline: 0.1875rem solid var(--tenant-accent);
    outline-offset: 0.125rem;
    border-radius: 0.125rem;
  }

  /* Link "pular para o conteúdo": oculto até receber foco (WCAG 2.4.1). */
  .skip-link {
    position: absolute;
    inset-inline-start: 0.5rem;
    inset-block-start: -100%;
    z-index: var(--z-toast);
    padding: 0.5rem 0.75rem;
    background-color: var(--surface);
    color: var(--ink);
    border: 0.125rem solid var(--tenant-primary);
    border-radius: var(--tenant-radius);
  }

  .skip-link:focus {
    inset-block-start: 0.5rem;
  }
}