/* Bee Machines palette for the shared catalog viewer.
 *
 * The viewer engine is the same code that runs on pyroplanet.com and its
 * stylesheet declares six custom properties on `.ppcat`. Nothing else in it
 * is brand-specific, so a site changes its look by redeclaring those six
 * rather than by forking viewer.css. Keep it that way: a fork means every
 * future viewer fix has to be applied twice, and the second application is
 * the one that gets forgotten.
 *
 * Hexes are the Bee Machines theme's own, read from the block theme's
 * generated palette (`--wp--preset--color--*`) rather than picked by eye, so
 * the viewer sits in the same colours as the pages around it.
 *
 * Selector is `.pp-catalog-embed.ppcat` -- both classes land on the same
 * element, so this is specificity 0,2,0 against viewer.css's 0,1,0 and wins
 * regardless of which stylesheet a plugin decides to print first.
 */

.pp-catalog-embed.ppcat {
  --pp-navy: #15181c;   /* surface -- stage and shell background */
  --pp-chrome: #10141a; /* ink     -- toolbar, contents and search panels */
  --pp-ink: #f4f3f0;    /* paper   -- text and icons on the chrome */
  --pp-yellow: #f5a623; /* amber   -- focus rings, active page, hover fill */
  --pp-blue: #2b4c8c;   /* display-shell line -- pressed toggle buttons */
  --pp-red: #a32c2c;    /* snap-pop line      -- current entry in contents */
}

/* How much of the top of the viewport the site's own header claims.
 *
 * The viewer measures this live, which covers a header that is static until
 * the first scroll. Declaring it wins only when it is LARGER than what was
 * measured, so it is a floor for a header the measurement cannot see -- an
 * admin bar, a promo strip, a cookie banner pinned to the top.
 *
 * Leave at 0 unless the toolbar is being overlapped. If it is, raise this to
 * the header's real height rather than adding padding somewhere else.
 */
[data-pp-catalog] { --pp-offset-top: 0px; }