/* reading.css — Reading's theme layer. Overrides ONLY the --accent tokens
   base.css defines (never redefines a component's shape — that's the
   foundation's job) plus a couple of Reading-only decorative touches
   (the night-sky Booster panel). Night-sky/constellation direction per
   the 2026-10-21 voice session; deep indigo instead of the shared teal, so
   Reading visually reads as "its own place" the way Math's purple-plum
   Treasure Chest panel does against the shared cream background. */

:root{
  --accent:      #1f5e5b;  /* keep the shared teal for Reading's header/buttons... */
  --accent-dark: #154542;
}

/* ...but the Booster section gets its own dark night-sky panel, the same
   way Math.dc.html's Treasure Chest sits as a dark plum block inside an
   otherwise cream/teal screen. */
.reading-track.booster-panel{
  background: #232042;
  border-color: #232042;
  color: #e7e4f5;
}
.reading-track.booster-panel h2{
  color: #f2d98a; /* gold, echoing the constellation's star color */
}
.reading-track.booster-panel .constellation-progress{
  color: #c7c1d6;
}
.reading-track.booster-panel .book-row{
  border-top-color: rgba(255,255,255,0.12);
}
.reading-track.booster-panel .book-title{
  color: #e7e4f5;
}
.reading-track.booster-panel .book-grl{
  color: #c7c1d6;
}
.reading-track.booster-panel .stamp{
  background: rgba(255,255,255,0.12);
  color: #f2d98a;
}

/* Reading's tile on the child home screen (tokens only, same as every other
   course overlay; the Trophy room shows Reading as the Stamps panel, not a
   shelf card, so it has no --shelf-* tokens). */
.theme-reading{
  --tile-bg:    #d6e6e3;
  --tile-edge:  #b3cdc8;
  --tile-ink:   #1f5e5b;
}