/* The heroes in full colour (17 Oct, Chris: the offices back, the heroes in colour). One drawing,
   two renderings: in the medallions it is a red-figure vase (vase.css); in the offices (any drawing
   marked .colour) each hero is painted as the Greeks really painted their figures: skin, dyed cloth,
   hair, bronze and gold, with a fine dark line. Each hero's own colours ride on a class on his figure
   (h-<id>); the shapes say what they are (v-skin, v-cloth, v-mantle, v-hair...). */
.v-sclera { fill: none; }
.v-cushion { fill: #8a3a3a; stroke: #2a1a10; stroke-width: 0.6px; vector-effect: non-scaling-stroke; }
.v-cushion-seam { fill: none; stroke: rgba(0, 0, 0, 0.3); stroke-width: 0.6px; vector-effect: non-scaling-stroke; stroke-dasharray: 1.4 1; }

.colour .v-line, .colour .v-line-thin, .colour .v-fold, .colour .v-lid, .colour .v-brow, .colour .v-curl-black { stroke: #2b1b12; }
.colour .v-clay { fill: #b88a5c; }
.colour .v-skin { fill: var(--skin, #d9a47c); }
.colour .v-cloth { fill: var(--cloth, #efe6d2); }
.colour .v-mantle { fill: var(--mantle, #3f6a9a); }
.colour .v-trousers { fill: var(--trousers, #2c2f36); }
.colour .v-hat { fill: var(--hat, #c9a96e); }
.colour .v-bronze { fill: #b8863b; }
.colour .v-wood { fill: #8a6240; }
.colour .v-leather { fill: #6b4423; }
.colour .v-fur { fill: #c99a5e; }
/* Laelaps (hound.js): a rich tan coat modelled in light and shade, amber eyes, a bronze collar. */
.colour .v-dog-coat { fill: #c4823f; }
.colour .v-dog-shade { fill: rgba(74, 36, 12, 0.3); }
.colour .v-dog-light { fill: rgba(255, 228, 184, 0.3); }
.colour .v-dog-mask { fill: rgba(70, 38, 18, 0.35); }
.colour .v-dog-inner { fill: #e3a28a; }
.colour .v-dog-nose { fill: #3b2a22; }
.colour .v-dog-eye { fill: #d99a2b; }
.colour .v-dog-glint { fill: #fff6e0; }
.colour .v-dog-white { fill: #f4ecdc; }
.colour .v-dog-mouth { fill: #4a1c16; }
.colour .v-dog-collar { stroke: #6e4413; }
.colour .v-dog-shade.soft { fill: rgba(74, 36, 12, 0.16); }
.colour .v-wing { fill: #f7f2e8; }
.colour .v-seat { fill: #3a3f4a; }
.colour .v-far { filter: brightness(0.86); }
.colour .v-hair { fill: var(--hair, #2a1d14); }
.colour .v-hair-edge { stroke: #1a110b; stroke-width: 0.5px; }
.colour .v-relief { stroke: rgba(255, 255, 255, 0.16); }
.colour .v-strand { stroke: rgba(70, 50, 35, 0.4); }
.colour .v-sclera { fill: #fbf7ef; }
.colour .v-iris { fill: #3a2416; }
.colour .v-dilute { stroke: rgba(110, 60, 30, 0.45); }
.colour .v-hem { stroke: var(--hem, #2a1a10); }
.colour .v-belt { stroke: #5a3a1e; }
.colour .v-leaf { fill: #6a8a3a; }
.colour .v-stem, .colour .v-twig { stroke: #4a6a2a; }
.colour .v-glaze { fill: #1e1611; }
.colour .v-staff { stroke: #8a6240; }
.colour .v-chair-metal { fill: none; stroke: #6a7078; stroke-width: 1.2; stroke-linecap: round; }
.colour .v-chair-metal.thin { stroke-width: 0.9; }
.colour .v-castor { fill: #2a2d33; }
.colour .v-moustache { stroke: var(--hair, #2a1d14); }

/* Each hero's colours: skin, hair, his chiton, his mantle, its border, his hat. */
/* Constans (Chris, 18 Oct): white silk, the imperial purple, gold at every hem. */
.h-constans { --skin: #e2b48c; --hair: #6a4528; --cloth: #f6f1e4; --mantle: #5d2a55; --hem: #c8962f; }
.v-gold-band { fill: none; stroke: var(--v-gold); stroke-width: 1.1; }
.v-gold-band.thin { stroke-width: 0.7; }
.colour .v-cup { fill: #f2ede4; }
.h-chief-of-staff { --skin: #e8bc98; --hair: #e9e5dd; --cloth: #efe6d2; --mantle: #2f5d8a; --hem: #d6a447; }
.h-inbox-clerk { --skin: #d9a47c; --hair: #2a1d14; --cloth: #4a7fb5; --hat: #c9a96e; --hem: #f2e6c8; }
.h-researcher { --skin: #b9805a; --hair: #3a2a1e; --cloth: #efe6d2; --mantle: #3f7a5a; --hem: #d6a447; }
.h-funding-scout { --skin: #8a5a3b; --hair: #1e140e; --cloth: #7a8a3a; --hem: #a3352a; }
.h-argo-sales { --skin: #d9a47c; --hair: #5a3a22; --cloth: #efe6d2; --mantle: #c2553f; --hem: #d6a447; }
.h-argo-builder { --skin: #8a5a3b; --hair: #141414; --cloth: #355f9e; --hem: #e9dcc1; }
.h-engino-keeper { --skin: #e8bc98; --hair: #9a948a; --cloth: #2f8a7a; --hem: #e9dcc1; }
.h-engino-builder { --skin: #b9805a; --hair: #2b211b; --cloth: #efe6d2; --mantle: #3d6f8a; --hem: #d6a447; }
.h-engino-tester { --skin: #d9a47c; --hair: #6b5a48; --cloth: #efe6d2; --mantle: #6b7a3a; --hem: #d6a447; }
.h-factories-developer { --skin: #b9805a; --hair: #2b211b; --cloth: #c8962f; --hem: #a3352a; }
.h-factories-demo { --skin: #d9a47c; --hair: #3b2a1a; --cloth: #a0522d; --hem: #e9dcc1; }
.h-sympan-builder { --skin: #e0b08a; --hair: #ece8e0; --cloth: #efe6d2; --mantle: #6a4fb3; --hem: #d6a447; }
.h-sympan-realism { --skin: #8a5a3b; --hair: #0f0f0f; --cloth: #3b3f8f; --mantle: #2a2c66; --hem: #d6a447; }
.h-sympan-herald { --skin: #b9805a; --hair: #8a4a22; --cloth: #efe6d2; --mantle: #7b3fa0; --hat: #c9a96e; --hem: #d6a447; }
.h-symposio-release { --skin: #e8bc98; --hair: #b89a5a; --cloth: #efe6d2; --mantle: #9a6a1f; --hem: #2a1a10; }
.h-symposio-acquisition { --skin: #b9805a; --hair: #1f1a17; --cloth: #efe6d2; --mantle: #2e7d6b; --hat: #8a6a48; --hem: #d6a447; }
.h-symposio-activation { --skin: #e8bc98; --hair: #e2ddd4; --cloth: #efe6d2; --mantle: #b04a6a; --hem: #d6a447; }
.h-symposio-tester { --skin: #d9a47c; --hair: #3a2a1e; --cloth: #efe6d2; --mantle: #2f6f8a; --hat: #c9a96e; --hem: #d6a447; }
/* Round 6, C: the visitors, travellers in six cloaks (standing.js traveller), one at random a tab. */
.h-visitor-0 { --skin: #d9a47c; --hair: #3a2a1e; --cloth: #efe6d2; --mantle: #a8442a; --hat: #c9a96e; --hem: #d6a447; }
.h-visitor-1 { --skin: #b9805a; --hair: #1f1a17; --cloth: #efe6d2; --mantle: #3a4f8a; --hat: #8a6a48; --hem: #d6a447; }
.h-visitor-2 { --skin: #e2b48c; --hair: #6a4528; --cloth: #efe6d2; --mantle: #6b7a3a; --hat: #c9a96e; --hem: #f2e6c8; }
.h-visitor-3 { --skin: #c58f68; --hair: #2a1d14; --cloth: #efe6d2; --mantle: #c08a2e; --hat: #5a4632; --hem: #f2e6c8; }
.h-visitor-4 { --skin: #d9a47c; --hair: #8a4a22; --cloth: #efe6d2; --mantle: #6d3a5e; --hat: #c9a96e; --hem: #d6a447; }
.h-visitor-5 { --skin: #a8704c; --hair: #1f1a17; --cloth: #efe6d2; --mantle: #2f6f6a; --hat: #8a6a48; --hem: #d6a447; }
.h-symposio-media { --skin: #e8bc98; --hair: #ece8e0; --cloth: #efe6d2; --mantle: #7a4a2e; --hem: #d6a447; }
.h-symposio-artists { --skin: #b9805a; --hair: #1f1a17; --cloth: #4a3a7a; --mantle: #2c2250; --hem: #d6a447; }
.h-you { --skin: #d9a47c; --hair: #2a201a; --cloth: #4a6a8a; --trousers: #2c2f36; }
.h-chris-social { --skin: #d9a47c; --hair: #3a2418; --cloth: #f1ece0; --trousers: #223a55; --hem: #d6a447; }
.h-cash-agent { --skin: #d8a682; --hair: #8f8a82; --cloth: #c9b48a; --mantle: #6a2f78; --hat: #5b2a6e; --hem: #e2b84a; }
.h-band-agent { --skin: #c58d64; --hair: #2a1c14; --cloth: #ece0c6; --mantle: #2f6b3a; --hem: #c99a2e; }

/* The desk lamp's light, softer behind a figure in colour. */
.colour .o-glow { opacity: 0.13; }
/* Arion's locs, a shade lighter than the hair they fall from, so each rope reads. */
.colour .v-loc { stroke: #4b3424; }

/* A visitor's pet (round 7, part T; pets.js): each kind's own coat, its far side darker (.v-far). */
.colour .v-pet { fill: var(--pet, #9a9ea6); }
.colour .v-pet-dark { fill: var(--pet-dark, #5f636a); }
.colour .v-pet-light { fill: var(--pet-light, rgba(255, 255, 255, 0.28)); }
.colour .v-pet-patch { fill: var(--pet-patch, #b97a3a); }
.colour .v-pet-skin { fill: var(--pet-skin, #a89a6a); }
.colour .v-pet-nose { fill: #d98a8a; }
.colour .v-pet-beak { fill: #3b2a22; }
.v-pet-stripe { fill: none; stroke: var(--pet-dark, #5f636a); stroke-width: 0.9px; vector-effect: non-scaling-stroke; stroke-linecap: round; }
.v-pet-plate { fill: none; stroke: rgba(30, 24, 10, 0.55); stroke-width: 0.8px; vector-effect: non-scaling-stroke; }
.pk-cat { --pet: #9a9ea6; --pet-dark: #5f636a; }
.pk-dog { --pet: #efe6d6; --pet-dark: #c9b99c; --pet-patch: #b97a3a; }
.pk-dino { --pet: #6f9a4e; --pet-dark: #3f6a2e; --pet-light: rgba(236, 244, 196, 0.45); }
.pk-owl { --pet: #a07850; --pet-dark: #6e4f30; --pet-light: rgba(250, 236, 210, 0.78); }
.pk-tortoise { --pet: #7a6a3a; --pet-dark: #4f4322; --pet-skin: #a89a6a; }
/* The Muses (3d/world/muses.js MUSE_LOOKS holds the same colours). */
.h-muse-calliope { --skin: #d9a47c; --hair: #8a8580; --cloth: #efe6d2; --mantle: #8a3b4a; --hem: #d6a447; }
.h-muse-clio { --skin: #e8bc98; --hair: #3a2a1e; --cloth: #f2e8d4; --trousers: #2f4a6a; --hem: #d6a447; }
.h-muse-erato { --skin: #c99878; --hair: #14100e; --cloth: #d97a8a; --hem: #f2e6c8; }
.h-muse-euterpe { --skin: #8a5a3b; --hair: #0f0f0f; --cloth: #e5b94a; --trousers: #efe6d2; --hem: #d6a447; }
.h-muse-melpomene { --skin: #b9805a; --hair: #1f1a17; --cloth: #3b3f4f; --hem: #d6a447; }
.h-muse-polyhymnia { --skin: #f1cba8; --hair: #6a4528; --cloth: #9fb8a8; --hem: #e9dcc1; }
.h-muse-terpsichore { --skin: #c58f68; --hair: #2a1d14; --cloth: #2f8a7a; --hem: #f2e6c8; }
.h-muse-thalia { --skin: #e2b48c; --hair: #8a4a22; --cloth: #e8e0cc; --trousers: #c2553f; --hem: #d6a447; }
.h-muse-arche { --skin: #e0ac86; --hair: #5a3a22; --cloth: #f4efe4; --trousers: #3a5a4a; --hem: #d6a447; }
.h-muse-aoide { --skin: #a8744f; --hair: #1a1210; --cloth: #7b5cae; --hem: #f2e6c8; }
.h-muse-melete { --skin: #d8a37c; --hair: #2e2018; --cloth: #cfd8dc; --trousers: #7a8f6a; --hem: #d6a447; }
.h-muse-mneme { --skin: #c9946c; --hair: #9a958f; --cloth: #e4dccb; --mantle: #4a5a7a; --hem: #d6a447; }
.h-muse-thelxinoe { --skin: #efc8a4; --hair: #c58a4a; --cloth: #b8a4cf; --hem: #f2e6c8; }