/*
 * Palette B: opt-in accents for the public portfolio only.
 * Enable with #app[data-accent-r20="B"], after the existing public styles.
 * No global root/body palette, artwork filters, image/card strokes or font changes.
 */
#app[data-accent-r20="B"],
#app[data-accent-r20="B"] ~ .reader-progress,
body:has(> #app[data-accent-r20="B"]) > .nav-r09-dialog {
  --r20-palette-01: #D6FF3F;
  --r20-palette-02: #83F54B;
  --r20-palette-03: #38E390;
  --r20-palette-04: #40E8FA;
  --r20-palette-05: #5377FF;
  --r20-palette-06: #9B5CFF;
  --r20-palette-07: #FF53B6;
  --r20-palette-08: #FF395E;
  --r20-palette-09: #FF7F38;
  --r20-palette-10: #B9F0FF;
  --r20-accent-current: var(--r20-palette-01);
  --r20-accent-action: var(--r20-palette-01);
  --r20-accent-reading: var(--r20-palette-04);
  --r20-accent-number: var(--r20-palette-10);
  --r20-accent-ink: #000;
}

/* The accent dot is decorative; the filled pill and aria-current carry state.
 * Keep it flat: no outline or black micro-base.
 */
#app[data-accent-r20="B"] .site-nav.nav-r09 .nav-r09-links > a[aria-current="page"]::before {
  content: "";
  display: block;
  flex: 0 0 9px;
  width: 9px;
  height: 9px;
  margin-right: 7px;
  border-radius: 50%;
  background: var(--r20-accent-current);
  box-shadow: none;
  pointer-events: none;
}

/* This body-level portal exists only while the opted-in public app is present. */
body:has(> #app[data-accent-r20="B"]) > .nav-r09-dialog .nav-r09-menu-sheet nav > a[aria-current="page"] > .nav-r09-menu-number {
  display: grid;
  place-items: center;
  align-self: center;
  min-width: 18px;
  min-height: 18px;
  padding: 3px;
  border-radius: 50%;
  background: var(--r20-accent-current);
  color: var(--r20-accent-ink);
}

/* Black text on the selected white fill; bright acid text was unreadable here. */
#app[data-accent-r20="B"] .case-contents button[aria-current="location"] {
  background: #fff;
  color: #000;
}

/* Colour the reading position, never the whole book rail or a page surface. */
#app[data-accent-r20="B"] .r15-book-progress-fill,
#app[data-accent-r20="B"] .r15-book-progress-thumb {
  background: var(--r20-accent-reading);
}
#app[data-accent-r20="B"] .r15-book-chapter[aria-current="true"]::before {
  background: var(--r20-accent-current);
}
#app[data-accent-r20="B"] ~ .reader-progress > i {
  background: var(--r20-accent-reading);
}

/* Three deliberate action arrows; titles, descriptions and artwork stay intact. */
#app[data-accent-r20="B"] .hero-project-cta > span:last-child,
#app[data-accent-r20="B"] .r10-all-work > span:last-child,
#app[data-accent-r20="B"] .contact-line a[data-magnetic] > span:last-child {
  color: var(--r20-accent-action);
}

/* Optional authored number hook, explicitly limited to a known dark surface.
 * No current project counts or source-file labels are coloured automatically.
 */
#app[data-accent-r20="B"] [data-accent-r20-number="dark"] {
  color: var(--r20-accent-number);
}