/* base.css — minimal page-level layout for the single continuous scroll.
 * Adds no brand styling of its own; the two builds own their own looks. */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: auto; /* the seam is scroll-LINKED; do not smooth-scroll over it */
}

body {
  margin: 0;
  /* Resting state is cream. The dark overture paints its own ground on top at the top of
     the page; below the seam we are in cream. */
  background: var(--ground-cream);
  color: var(--ink-on-cream);
}

/* The three regions of the one continuous page. Only #seam pins (see transition.css). */
#dark,
#cream {
  position: relative;
}

#dark {
  background: var(--ground-dark);
  color: var(--ink-on-dark);
  min-height: 100vh; /* dark overture; real height comes from the dark build markup */
}

/* Visible focus must survive the merge — carry the builds' focus styles; this is a floor. */
:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}