/* Sugar Packets — shared tokens and reset.
 *
 * Only what every surface genuinely agrees on lives here. The three pages are
 * deliberately different objects — a neon marketing page, a device-framed app,
 * a stripped instrument panel — so their surfaces, spacing and type scales stay
 * local. What they must not disagree on is the brand itself.
 */

:root {
  /* Accents. Identical on all three surfaces; the whole palette hangs off these. */
  --cream: #F4ECDD;
  --pink: #FF2E88;
  --cyan: #2BE8FF;
  --amber: #FFC93C;
  --green: #46FFA6;

  /* The diner typeface set. The field rig opts out and runs on system mono. */
  --font-display: "Monoton", cursive;
  --font-script: "Pacifico", cursive;
  --font-head: "Barlow Condensed", sans-serif;
  --font-body: "Barlow", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Space Mono", "IBM Plex Mono", monospace;
}

* { box-sizing: border-box; }
a { color: inherit; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}