/*
 * Colors for parts of the dinosaur drawings that aren't shared by every world (shared ones live in css/style.css).
 * Owner: dinosaur drawings (js/art-dinos.js). Loaded after css/style.css.
 */

/* long filament feathers sticking out round a body (Yutyrannus, raptors) */
.dino-svg .fuzz { fill: var(--deep); stroke: var(--edge); stroke-width: .5; stroke-linejoin: round; }
/* a rough bony bump (Rajasaurus' forehead horn) */
.dino-svg .horn-boss { fill: color-mix(in srgb, currentColor 55%, #E9DCC0); stroke: var(--edge); stroke-width: .7; }
/* claws on the far-side legs sit in shadow */
.dino-svg .far .ivory { fill: #CFC3AA; }
/* small overlapping feather tips on feathered bodies, and fine bristles along a back */
.dino-svg .plume { fill: none; stroke: var(--edge); stroke-width: .45; opacity: .45; }
.dino-svg .bristle { fill: none; stroke: var(--deep); stroke-width: .7; stroke-linecap: round; }
/* feather vanes in wings and tail fans, and the covert feathers over a folded wing */
.dino-svg .vane > * { fill: color-mix(in srgb, currentColor 78%, #20180F); stroke: var(--edge); stroke-width: .55; }
.dino-svg .covert { fill: color-mix(in srgb, currentColor 88%, #20180F); stroke: var(--edge); stroke-width: .7; }
/* the row of small keratin spines down a Diplodocus' back */
.dino-svg .spine { fill: color-mix(in srgb, currentColor 55%, #3B3129); stroke: var(--edge); stroke-width: .6; }
/* ankylosaur armor: flat bony plates with a low keel, the darker lower flank, Nodosaurus' bands */
.dino-svg .osteo > :not(.keel) { fill: color-mix(in srgb, currentColor 78%, #E9DCC2); stroke: var(--edge); stroke-width: .55; stroke-linejoin: round; }
.dino-svg .keel { fill: none; stroke: var(--edge); stroke-width: .5; stroke-linecap: round; opacity: .55; }
.dino-svg .flank { fill: var(--edge); opacity: .12; }
.dino-svg .band { fill: none; stroke: var(--edge); stroke-width: .9; opacity: .35; }
/* the frill of a horned dinosaur sits a little darker than the face */
.dino-svg .frill-shade { fill: var(--edge); opacity: .14; }
/* Edmontosaurus' soft fleshy comb */
.dino-svg .comb { fill: color-mix(in srgb, currentColor 62%, #8A4A3A); stroke: var(--edge); stroke-width: .7; }
/* horns and spikes: bone sheathed in horn, tinted by the animal's own color */
.dino-svg .spike { fill: color-mix(in srgb, currentColor 32%, #E8DCC2); stroke: color-mix(in srgb, currentColor 40%, #5E4E3E); stroke-width: .8; stroke-linejoin: round; }
.dino-svg .far-spike { fill: color-mix(in srgb, currentColor 45%, #B9AC92); }
.dino-svg .spike-shade { fill: #3B3129; opacity: .14; }
/* a duck bill: horny, a little darker than the face */
.dino-svg .bill { fill: color-mix(in srgb, currentColor 45%, #4A3C30); stroke: var(--edge); stroke-width: .8; stroke-linejoin: round; }
