/* The colour of the ASCII field, in one file.
 *
 * These classes are the contract between hero.js and whatever page renders it: the renderer
 * emits a class name per cell and knows nothing about what any of them look like. Miss one
 * and that band of the picture silently falls back to the inherited colour — the failure is
 * a scene drawn in flat grey, which reads as "the animation is broken" rather than as a
 * missing rule, so nobody goes looking for a stylesheet.
 *
 * They used to live inside index.html. A second page then rendered the same hero and drew
 * nothing, because the rules were never in a file anything else could link. One file, linked
 * by every page that mounts a field.
 */

/* Quiet end of the ramp: white at low alpha, so the resting field reads as texture rather
   than as content. */
.a-bg       { color: rgba(255,255,255,.09); }
.a-off      { color: rgba(255,255,255,.13); }
.a-alt      { color: rgba(255,255,255,.32); }
.a-alt-dim  { color: rgba(255,255,255,.15); }
.a-label    { color: var(--faint); }

/* Loud end: the accent. */
.a-low      { color: rgba(210,243,76,.20); }
.a-mid      { color: rgba(210,243,76,.44); }
.a-on       { color: rgba(210,243,76,.80); }
.a-hot      { color: #e4ff7d; text-shadow: 0 0 8px var(--glow); }
.a-node     { color: #fff; text-shadow: 0 0 9px var(--glow); }
.a-move     { text-shadow: 0 0 8px var(--glow); }
.a-dead     { color: var(--red); }

/* The mark, in three materials.
 *
 * Lime carries the letter. Warm is a hair off white so the crossbar reads as a separate piece
 * rather than a highlight on the lime one — at this size pure white beside lime looks like a
 * reflection. Cool leans blue, which is what pushes the lower leg visually behind the rest.
 *
 * Each has the same low → mid → full shape, because the mark still has to fade in and out as
 * one object even though it is made of three. */
.a-mark-lime      { color: #d2f34c; text-shadow: 0 0 10px var(--glow); }
.a-mark-lime-mid  { color: rgba(210,243,76,.66); }
.a-mark-lime-low  { color: rgba(210,243,76,.28); }
.a-mark-warm      { color: #f6f1e4; }
.a-mark-warm-mid  { color: rgba(246,241,228,.62); }
.a-mark-warm-low  { color: rgba(246,241,228,.26); }
.a-mark-cool      { color: #b9c2c8; }
.a-mark-cool-mid  { color: rgba(185,194,200,.58); }
.a-mark-cool-low  { color: rgba(185,194,200,.24); }

/* The generic mark ramp is still emitted during morphs between scenes, so it cannot be
   deleted just because the logo no longer uses it. */
.a-mark     { color: #fff; text-shadow: 0 0 10px rgba(255,255,255,.45); }
.a-mark-hot { color: #fff; text-shadow: 0 0 14px rgba(255,255,255,.9), 0 0 26px var(--glow); }
.a-mark-mid { color: rgba(255,255,255,.70); }
.a-mark-low { color: rgba(255,255,255,.28); }