/*
 * A level card's picture (LevelPicture.tsx, ABA-161 step 3). The picture keeps a light ground in both themes
 * (docs/visual-style-guide.md, Pictures in the dark theme): the slot is `--art-card`, photos sit on white tiles, and
 * drawings on ivory ones. So the tiles use the light values of the Paper tokens, which do not change in dark.
 */
.lp {
  --lp-paper: #ffffff;
  --lp-art: #fff9ef;
  --lp-line: #eadfcd;
  --lp-ledge: #e5d8c2;
  --lp-ink: #34454a;
  --lp-prompt: #4c9f9b;
  --lp-prompt-deep: #357370;
  --lp-wash: #e7f3f2;
  --lp-wash-line: #cfe3e1;
  display: block;
  width: 100%;
  height: 100%;
  /* What the learner sees, so the learner's Nunito, also on the adult setup screen (ABA-207). */
  font-family: var(--font-learner, Nunito, ui-rounded, "Avenir Next", system-ui, sans-serif);
  pointer-events: none;
}

.lp text {
  fill: var(--lp-ink);
  font-weight: 800;
}