/*
 * Colors for parts of the animal drawings.
 * Owner: animal drawings (js/art-animals.js). Loaded after css/style.css.
 */

/* animals */
.dino-svg .hoof { fill: #3E342C; stroke: var(--edge); stroke-width: .6; }
.dino-svg .ear-pink { fill: #E2A6A0; opacity: .85; }
.dino-svg .muzzle { fill: #E8C3B6; }
.dino-svg .muzzle-tan { fill: color-mix(in srgb, currentColor 50%, #E9D2AE); }
.dino-svg .muzzle-dark { fill: #2E2925; }
.dino-svg .muzzle-light { fill: #F3ECE0; }
.dino-svg .face-tan { fill: #D9B993; }
.dino-svg .snout { fill: color-mix(in srgb, currentColor 75%, #F6D6CF); stroke: var(--edge); stroke-width: .7; }
.dino-svg .nose { fill: #2A211B; }
.dino-svg .nose-pink { fill: #D98F8F; }
.dino-svg .tail-line { fill: none; stroke: var(--deep); stroke-linecap: round; }
.dino-svg .mane { fill: color-mix(in srgb, currentColor 50%, #2A1D12); stroke: var(--edge); stroke-width: .8; }
.dino-svg .patch { fill: #3B342E; }
.dino-svg .udder { fill: #E8B8AE; stroke: var(--edge); stroke-width: .8; }
.dino-svg .patch-giraffe { fill: #A3653A; }
.dino-svg .ossicone { fill: #6B4B35; }
.dino-svg .ear-flap { fill: var(--deep); stroke: var(--edge); stroke-width: 1; }
.dino-svg .ear-flop { fill: color-mix(in srgb, currentColor 70%, #4A2E1A); stroke: var(--edge); stroke-width: .8; }
.dino-svg .far-part { fill: var(--deep); stroke: var(--edge); stroke-width: .9; }
.dino-svg .stripe-dark { fill: #2D2724; }
.dino-svg .rosette { fill: #3A2C22; }
.dino-svg .rosette-in { fill: #C98E44; }
.dino-svg .puff-tail { fill: #F4EFE6; stroke: var(--edge); stroke-width: .8; }
.dino-svg .dark-part { fill: #3A332D; stroke: #241E1A; stroke-width: .8; }
.dino-svg .horn { fill: #8A7660; stroke: #5E4E3E; stroke-width: .8; }
.dino-svg .ruff { fill: var(--deep); }
.dino-svg .yak-fringe { fill: var(--deep); stroke: var(--edge); stroke-width: .8; }
.dino-svg .beard { fill: color-mix(in srgb, currentColor 60%, #4A3A2A); }
.dino-svg .scute-dark { fill: var(--deep); stroke: var(--edge); stroke-width: .6; }
.dino-svg .frog-spot { fill: var(--deep); opacity: .6; }
.dino-svg .wing-fold { fill: color-mix(in srgb, currentColor 75%, #2A1D12); stroke: var(--edge); stroke-width: .9; }
.dino-svg .face-disc { fill: color-mix(in srgb, currentColor 40%, #F3E9D8); stroke: var(--edge); stroke-width: 1; }
.dino-svg .beak-dark { fill: #3B3129; }
.dino-svg .talon { fill: none; stroke: #C9A24A; stroke-width: 1.6; stroke-linecap: round; }
.dino-svg .bird-leg { fill: none; stroke: #B07A4A; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.dino-svg .scallop { fill: none; stroke: var(--edge); stroke-width: .6; opacity: .5; }
.dino-svg .quail-throat { fill: #3A302A; }
.dino-svg .feather-wing { fill: color-mix(in srgb, currentColor 80%, #2A1D12); stroke: var(--edge); stroke-width: 1; }

.dino-svg .ear-inner { fill: color-mix(in srgb, currentColor 55%, #3A2A20); }
.dino-svg .hair { fill: none; stroke: color-mix(in srgb, currentColor 40%, #20180F); stroke-width: .8; stroke-linecap: round; opacity: .55; }
.dino-svg .dewlap { fill: color-mix(in srgb, currentColor 70%, #F2E6B8); stroke: var(--edge); stroke-width: .8; }
.dino-svg .breast { fill: #D98A5A; opacity: .9; }
.dino-svg .belly-pale { fill: #F3ECE0; opacity: .55; }          /* a songbird's pale belly (the engine's bluebird) */
.dino-svg .chick-beak { fill: #E08A35; stroke: var(--edge); stroke-width: .7; stroke-linejoin: round; }   /* the hatchling's beak, as today's */
.dino-svg .ear-side { fill: color-mix(in srgb, currentColor 88%, #2A1D12); stroke: var(--edge); stroke-width: .9; stroke-linejoin: round; }

/* new parts */
.dino-svg .points { fill: #2B2420; }
.dino-svg .nostril { fill: var(--edge); opacity: .8; }
.dino-svg .claw-long { fill: #E9DFC8; stroke: #8E7F66; stroke-width: .5; stroke-linejoin: round; }
.dino-svg .lid-line { fill: none; stroke: var(--edge); stroke-width: .7; stroke-linecap: round; opacity: .75; }
.dino-svg .mane-z { fill: #2D2724; stroke: var(--edge); stroke-width: .6; }
.dino-svg .iris-gold { fill: #C8973A; }
.dino-svg .iris-amber { fill: #B9772F; }
.dino-svg .iris-green { fill: #A7A04A; }
.dino-svg .iris-brown { fill: #6A4524; }
.dino-svg .s-limb { stop-color: color-mix(in srgb, currentColor 80%, #20180F); }
.dino-svg .zstripe { fill: none; stroke: #2D2724; stroke-linecap: round; }
.dino-svg .mane-light { fill: #F1ECE2; stroke: var(--edge); stroke-width: .8; stroke-linejoin: round; }
.dino-svg .teat { fill: none; stroke: #D9A49A; stroke-width: 2; stroke-linecap: round; }
.dino-svg .switch { fill: #F2EEE6; stroke: var(--edge); stroke-width: .8; }
.dino-svg .wool { fill: none; stroke: var(--edge); stroke-width: .55; opacity: .55; }
.dino-svg .wool-cap { fill: color-mix(in srgb, currentColor 92%, #FFFFFF); stroke: var(--edge); stroke-width: .8; }
.dino-svg .muzzle-pale { fill: color-mix(in srgb, currentColor 45%, #CFC4B4); }
.dino-svg .face-pale { fill: color-mix(in srgb, currentColor 88%, #9C8A72); stroke: var(--edge); stroke-width: .9; stroke-linejoin: round; }
.dino-svg .tail-tip { fill: #3A2C22; stroke: var(--edge); stroke-width: .6; }
.dino-svg .face-white { fill: #F1E9DA; }
.dino-svg .mane-dark { fill: color-mix(in srgb, currentColor 35%, #2A1D12); opacity: .55; }
.dino-svg .mane-ear { fill: color-mix(in srgb, currentColor 60%, #2A1D12); stroke: var(--edge); stroke-width: .8; }
.dino-svg .fur-tail { fill: color-mix(in srgb, currentColor 88%, #20180F); stroke: var(--edge); stroke-width: 1; stroke-linejoin: round; }
.dino-svg .tail-dark { fill: #2E2925; }
.dino-svg .limb-front { fill: currentColor; stroke: var(--edge); stroke-width: 1; stroke-linejoin: round; }
.dino-svg .tail-fluff { fill: color-mix(in srgb, currentColor 70%, #F3E9D8); stroke: var(--edge); stroke-width: 1; stroke-linejoin: round; }
.dino-svg .tail-core { fill: color-mix(in srgb, currentColor 92%, #20180F); }
.dino-svg .scute-row { fill: var(--edge); opacity: .28; }
.dino-svg .toe { fill: none; stroke: var(--edge); stroke-width: 1.1; stroke-linecap: round; }
.dino-svg .band-dark { fill: var(--edge); opacity: .42; }
.dino-svg .tympanum { fill: color-mix(in srgb, currentColor 70%, #20180F); stroke: var(--edge); stroke-width: .6; }
.dino-svg .shield { fill: color-mix(in srgb, currentColor 45%, #F2EAD0); stroke: var(--edge); stroke-width: .7; }
.dino-svg .owl-bar { fill: none; stroke: var(--edge); stroke-width: 1; opacity: .45; }
.dino-svg .owl-wing { fill: color-mix(in srgb, currentColor 62%, #EFE6D2); stroke: var(--edge); stroke-width: 1; stroke-linejoin: round; }
.dino-svg .tuft-dark { fill: color-mix(in srgb, currentColor 45%, #20180F); }
.dino-svg .owl-foot { fill: color-mix(in srgb, currentColor 45%, #EFE6D2); stroke: var(--edge); stroke-width: .8; }
.dino-svg .quail-plume { fill: #2E2622; stroke: #1E1915; stroke-width: .6; }
.dino-svg .breast-grey { fill: #8C8E95; opacity: .75; }
.dino-svg .streak { fill: none; stroke: #F4EEE2; stroke-width: 1.1; stroke-linecap: round; opacity: .85; }
.dino-svg .tail-ring { fill: none; stroke: var(--edge); stroke-width: 2.2; opacity: .55; }
.dino-svg .leg-band { fill: none; stroke: var(--edge); stroke-width: 2.4; stroke-linecap: round; opacity: .35; }
.dino-svg .owl-lid { fill: color-mix(in srgb, currentColor 40%, #F3E9D8); }
.dino-svg .throat-pale { fill: color-mix(in srgb, currentColor 55%, #F2ECE0); opacity: .7; }
.dino-svg .mane-lion { fill: color-mix(in srgb, currentColor 72%, #4A2E14); stroke: var(--edge); stroke-width: .8; stroke-linejoin: round; }
.dino-svg .ruff-lion { fill: color-mix(in srgb, currentColor 80%, #F1E2C2); opacity: .9; }