/* ===========================================================================
   S8 REDESIGN — 01 BASE
   Section rhythm, container, typography sharpening. No layout-breaking rules.
   =========================================================================== */
html, body {
  background: var(--s8-bg);
  color: var(--s8-text);
}

/* Tighter, more confident display headings */
h1, h2, h3, .dag-display, .dag-h2, .hw-card__title, .cyp-inv__title {
  letter-spacing: -.015em;
}

/* Selection / focus accents on brand */
::selection { background: rgba(var(--s8-accent-rgb), .28); color: #fff; }
:focus-visible { outline: 2px solid var(--s8-accent); outline-offset: 2px; }

/* Accent rule used as section separators */
hr, .dag-rule { border-color: var(--s8-border); }

/* Links pick up brand on hover */
a:hover { color: var(--s8-accent); }

/* Kill stray oversized pill radii on structural blocks (keep true pills for badges/chips) */
.dag-section, .cyp-inv, .hw-section { border-radius: 0; }