.amada-page { --character-accent: #f2921e; }

.aoi-page { --character-accent: #302c9d; }

.cutlery-page { --character-accent: #2cd6a0; }

.harala-page { --character-accent: #ff41b3; }

.laken-page { --character-accent: #6dffd6; }

.leo-page { --character-accent: #34c9ee; }

.luka-page { --character-accent: #fc6fa0; }

.lycia-page { --character-accent: #aa34ee; }

.mio-page { --character-accent: #1424fd; }

.miracle-page { --character-accent: #a2fffa; }

.nozomi-page { --character-accent: #3cdefe; }

.ottilia-page { --character-accent: #6ffc89; }

.strohl-page { --character-accent: #e6bd1a; }

.takyo-page { --character-accent: #9d4c2c; }

.ting-page { --character-accent: #ff823e; }


/* One hue per character. Black scales RGB channels equally. */
:is(.character-page, .amada-page, .aoi-page, .cutlery-page, .harala-page, .laken-page, .leo-page, .luka-page, .lycia-page, .mio-page, .miracle-page, .nozomi-page, .ottilia-page, .strohl-page, .takyo-page, .ting-page) {
  --character-accent-dark: color-mix(in srgb, var(--character-accent) 55%, #000);
  --character-active-accent: var(--character-accent);
  --character-nav: color-mix(in srgb, var(--character-active-accent) 66%, transparent);
  --character-border: color-mix(in srgb, var(--character-active-accent) 70%, #000);
}
:is(body.dark, html.dark, [data-theme="dark"], .dark) :is(.character-page, .amada-page, .aoi-page, .cutlery-page, .harala-page, .laken-page, .leo-page, .luka-page, .lycia-page, .mio-page, .miracle-page, .nozomi-page, .ottilia-page, .strohl-page, .takyo-page, .ting-page) {
  --character-active-accent: var(--character-accent-dark);
}
:is(.character-page, .amada-page, .aoi-page, .cutlery-page, .harala-page, .laken-page, .leo-page, .luka-page, .lycia-page, .mio-page, .miracle-page, .nozomi-page, .ottilia-page, .strohl-page, .takyo-page, .ting-page) > nav {
  background: var(--character-nav);
}

/* Preserve paper, geometry and transitions; recolor the existing overlay. */
.main :is(.character-page, .amada-page, .aoi-page, .cutlery-page, .harala-page, .laken-page, .leo-page, .luka-page, .lycia-page, .mio-page, .miracle-page, .nozomi-page, .ottilia-page, .strohl-page, .takyo-page, .ting-page) .archive-section .archive-strip::after {
  background-image: linear-gradient(90deg, transparent 0%, transparent 40%,
    color-mix(in srgb, var(--character-active-accent) 6%, transparent) 68%,
    color-mix(in srgb, var(--character-active-accent) 22%, transparent) 100%) !important;
}
/* Match legacy dark-rule specificity while retaining global paper overrides. */
.main :is(.character-page, .amada-page, .aoi-page, .cutlery-page, .harala-page, .laken-page, .leo-page, .luka-page, .lycia-page, .mio-page, .miracle-page, .nozomi-page, .ottilia-page, .strohl-page, .takyo-page, .ting-page) .archive-section .archive-strip:is(:hover, :focus-visible, :focus-within) {
  border-color: var(--character-border) !important;
  box-shadow: none !important;
}