/* ------------------------------------------------------------------ *
 * THE SCRIM AND THE FROSTED PILL — ONE SOURCE, TWO PAGES.
 *
 * Jax's first-launch treatment: a 0.62 wash over the window, and one gold
 * frosted pill on it. Two places in Oona use it, and they must not drift:
 *
 *   .intro-scrim / .intro-start   the START screen, in the bundled app
 *   .tile-scrim   / .tile-button  the embed tile in public/viewer.html,
 *                                 which carries no bundle at all
 *
 * So the values live here, once, and both selector sets are written against
 * them. global.css @imports this file, which Vite inlines into the app's
 * stylesheet at build time — no extra request for the editor. viewer.html
 * links it at /tile-treatment.css, which vite.config.js serves in dev and
 * emits into dist on build. Change a value here and both change together;
 * there is no copy to keep in step.
 *
 * Deliberately NOT built from the day/night tokens. Both uses sit on the
 * night backdrop by definition — the intro only exists at first launch, and
 * the tile is a still of the night scene — and the wash's whole job is to
 * hold a lit fixture back so one button reads. Tokens that flip under day
 * would put white text on a pale wash.
 * ------------------------------------------------------------------ */

.intro-scrim,
.tile-scrim {
  position: absolute; inset: 0;
  background: rgba(12, 14, 18, 0.62);
}

.intro-start,
.tile-button {
  pointer-events: auto;
  padding: 14px 48px;
  font-family: inherit; font-size: 14px; font-weight: 600;
  letter-spacing: .12em; text-transform: uppercase;
  color: #fff;
  background: rgba(212, 175, 70, 0.25);
  border: 1px solid rgba(212, 175, 70, 0.7);
  border-radius: 999px;
  cursor: pointer;
  backdrop-filter: blur(4px);
  transition: background 200ms ease;
}

.intro-start:hover,
.tile-button:hover { background: rgba(212, 175, 70, 0.45); }