/* Um único container para header, seções e footer. */
.tn-container {
  inline-size: min(100% - 2 * var(--tn-gutter), var(--tn-container));
  margin-inline: auto;
}
.tn-section { padding-block: var(--tn-section-space); }

/* Superfícies: seções alternam escuro/claro. */
.tn-dark { background: var(--tn-bg-deep); color: var(--tn-text-primary); }
.tn-dark .tn-lead { color: var(--tn-text-secondary); }
.tn-light { background: var(--tn-bg-light); color: var(--tn-ink); }
.tn-light .tn-lead { color: var(--tn-ink-secondary); }