/* Change these tokens first when exploring another visual direction. */
:root {
  --font: Arial, Helvetica, sans-serif;
  --page: #fffaf0;
  --paper: #f5f0e6;
  --ink: #25252d;
  --muted: #817789;
  --accent: #ffd166;
  --stage: #160a17;
  --stage-glow: #a6219c;
  --stage-text: #fff8ff;
  --stage-muted: #d0aecf;
  --pack-pink: #eb51d5;
  --pack-stripe: #ffacc4;
  --pack-mint: #d3ffc3;
  --pack-seal: #f3aab9;
  --border: 2px solid var(--ink);
  --room-radius: 26px;
  --button-radius: 8px;
  --hard-shadow: 5px 5px 0 var(--ink);
  --content-width: 1180px;
  --pack-width: 264px;
}