:root {
  --app-design-width: 1280px;
  /* Responsive pages reflow until half the design width, then scale. */
  --app-scale-threshold: calc(var(--app-design-width) / 2);
}

/* Zoom is applied in viewport-scale.js (needs min-height compensation). */
html[data-viewport-scale] {
  /* Match body bg-base-200 so no cooler strip shows below content. */
  background-color: oklch(var(--b2));
}