/**
 * Base no invasiva. Los componentes y plantillas se incorporarán por tandas.
 */
.pg-site {
  --theme-text-color: var(--pg-color-ink);
  color: var(--pg-color-ink);
  background: var(--pg-color-paper-clean);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.pg-site :where(a, button, input, textarea, select):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--pg-color-accent) 68%, white);
  outline-offset: 3px;
}

.pg-site ::selection {
  color: var(--pg-color-white);
  background: var(--pg-color-accent);
}

.pg-shell {
  width: var(--pg-content-wide);
  margin-inline: auto;
}

.pg-copy {
  max-width: var(--pg-content-copy);
}

@media (prefers-reduced-motion: reduce) {
  .pg-site *,
  .pg-site *::before,
  .pg-site *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}