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

/* bugs */
.dino-svg .antenna { fill: none; stroke: #2A211B; stroke-width: 1.4; stroke-linecap: round; }
.dino-svg .antenna-tip { fill: #2A211B; }
.dino-svg .bug-dark { fill: #2A2320; }
.dino-svg .bug-white { fill: #F7F3EA; }
.dino-svg .clear-wing { fill: rgba(236, 244, 246, .6); stroke: rgba(70, 80, 90, .5); stroke-width: .9; }
.dino-svg .bee-brown { fill: #6E4A2A; }
.dino-svg .wing-tip { fill: #3A3330; }
.dino-svg .wing-eye { fill: color-mix(in srgb, currentColor 35%, #F0D49A); stroke: #2A2320; stroke-width: .9; }
.dino-svg .moth-body { fill: #8A7660; stroke: var(--edge); stroke-width: .8; }
.dino-svg .glow { fill: #F3EB9C; animation: glowPulse 4.5s ease-in-out infinite; }
.dino-svg .glow-halo { fill: #F3EB9C; opacity: .3; animation: glowHalo 4.5s ease-in-out infinite; }
@keyframes glowPulse { 0%, 100% { opacity: .55; } 50% { opacity: .95; } }
@keyframes glowHalo { 0%, 100% { opacity: .12; } 50% { opacity: .32; } }
@media (prefers-reduced-motion: reduce) { .dino-svg .glow, .dino-svg .glow-halo { animation: none; } }
.dino-svg .firefly-shield { fill: #E6C56E; stroke: var(--edge); stroke-width: .9; }
.dino-svg .firefly-pink { fill: #D98A7E; }
.dino-svg .firefly-elytron { fill: color-mix(in srgb, currentColor 88%, #1A130E); stroke: var(--edge); stroke-width: 1; }
.dino-svg .pale-rim { fill: none; stroke: #E6D49A; stroke-width: 1.8; stroke-linecap: round; }
.dino-svg .lantern { fill: #EEE6A6; }
.dino-svg .elytron { fill: var(--deep); stroke: var(--edge); stroke-width: .9; }
.dino-svg .hopper-wing { fill: color-mix(in srgb, currentColor 80%, #2A1D12); stroke: var(--edge); stroke-width: .9; }
.dino-svg .leaf-wing { fill: color-mix(in srgb, currentColor 80%, #E8F0C8); stroke: var(--edge); stroke-width: .9; }
.dino-svg .snail-shell { fill: #C9A06C; stroke: #7C5D3B; stroke-width: 1.2; }
.dino-svg .spiral { fill: none; stroke: #7C5D3B; stroke-width: 1.6; stroke-linecap: round; }
.dino-svg .worm-band { fill: color-mix(in srgb, currentColor 80%, #F3D6CF); }
.dino-svg .inch-head { fill: color-mix(in srgb, currentColor 80%, #2A1D12); }
.dino-svg .cat-head { fill: color-mix(in srgb, currentColor 82%, #2A1D12); stroke: var(--edge); stroke-width: .9; }
.dino-svg .cat-head-zebra, .dino-svg .cat-black { fill: #2A2320; }
.dino-svg .cat-white { fill: #F7F3EA; }
.dino-svg .leaf { fill: #6F9150; stroke: #4F6B39; stroke-width: 1; }

/* jointed legs (js/art-bugs.js jleg): k-o outline under k fill, k-band dark joints; widths set per segment */
.dino-svg .sp, .dino-svg .sp-o, .dino-svg .sp-band { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.dino-svg .sp { stroke: color-mix(in srgb, currentColor 80%, #F2E2C0); }
.dino-svg .sp-o { stroke: var(--edge); }
.dino-svg .sp-band { stroke: color-mix(in srgb, currentColor 58%, #20180F); }

/* spider */
.dino-svg .spider-cara { fill: color-mix(in srgb, currentColor 82%, #2A1D12); stroke: var(--edge); stroke-width: 1.2; }
.dino-svg .spider-folium { fill: color-mix(in srgb, currentColor 50%, #20180F); opacity: .28; }
.dino-svg .spider-dot { fill: #F6EBD2; opacity: .8; }


/* beetles */
.dino-svg .lg, .dino-svg .lg-o { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.dino-svg .lg { stroke: color-mix(in srgb, currentColor 30%, #1E1712); }
.dino-svg .lg-o { stroke: color-mix(in srgb, currentColor 15%, #120D0A); }
.dino-svg .far .lg { stroke: color-mix(in srgb, currentColor 18%, #15100C); }
.dino-svg .beetle-under { fill: color-mix(in srgb, currentColor 55%, #20180F); stroke: var(--edge); stroke-width: .9; }
.dino-svg .hairs { fill: none; stroke: #E9D9B2; stroke-width: .8; stroke-linecap: round; opacity: .7; }
.dino-svg .lamella { fill: color-mix(in srgb, currentColor 75%, #2A1D12); stroke: var(--edge); stroke-width: .7; }
.dino-svg .pits { fill: none; stroke: var(--edge); stroke-width: 1.1; stroke-dasharray: .1 3; stroke-linecap: round; opacity: .45; }
.dino-svg .sheen { fill: color-mix(in srgb, currentColor 35%, #F3EBA8); opacity: .5; }
.dino-svg .violet-rim { fill: none; stroke: color-mix(in srgb, currentColor 55%, #C9B2F2); stroke-width: 2.2; stroke-linecap: round; opacity: .9; }
.dino-svg .elytron-far { fill: color-mix(in srgb, currentColor 72%, #20180F); stroke: var(--edge); stroke-width: 1; }
.dino-svg .hind-wing { fill: rgba(240, 232, 214, .55); stroke: rgba(96, 76, 56, .55); stroke-width: .9; }
.dino-svg .wing-vein { fill: none; stroke: rgba(96, 76, 56, .4); stroke-width: .7; stroke-linecap: round; }
.dino-svg .lgk, .dino-svg .lgk-o { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.dino-svg .lgk { stroke: #2A2320; }
.dino-svg .lgk-o { stroke: #15100D; }
.dino-svg .ln-light { fill: none; stroke: #F6EEDC; stroke-width: 1; stroke-linecap: round; opacity: .2; }

/* grasshopper and cricket */
.dino-svg .lgb, .dino-svg .lgb-o { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.dino-svg .lgb { stroke: color-mix(in srgb, currentColor 88%, #2A1D12); }
.dino-svg .lgb-o { stroke: var(--edge); }
.dino-svg .far .lgb { stroke: var(--deep); }
.dino-svg .hop-femur { fill: color-mix(in srgb, currentColor 88%, #F6EEDC); stroke: var(--edge); stroke-width: 1.2; stroke-linejoin: round; }
.dino-svg .far .hop-femur, .dino-svg .far .hop-tibia { fill: var(--deep); }
.dino-svg .hop-tibia { fill: color-mix(in srgb, currentColor 82%, #2A1D12); stroke: var(--edge); stroke-width: .9; }
.dino-svg .knee { fill: color-mix(in srgb, currentColor 30%, #20180F); opacity: .85; }
.dino-svg .bug-spine { fill: none; stroke: color-mix(in srgb, currentColor 35%, #20180F); stroke-width: .9; stroke-linecap: round; }
.dino-svg .wing-spot { fill: var(--edge); opacity: .45; }
.dino-svg .ant-body { fill: none; stroke: color-mix(in srgb, currentColor 65%, #2A1D12); stroke-width: 1.8; stroke-linecap: round; }

/* mantis */
.dino-svg .mantis-arm { fill: color-mix(in srgb, currentColor 92%, #F6EEDC); stroke: var(--edge); stroke-width: 1.1; stroke-linejoin: round; }
.dino-svg .far .mantis-arm { fill: var(--deep); }
.dino-svg .mantis-eye { fill: color-mix(in srgb, currentColor 55%, #E9EFD2); stroke: var(--edge); stroke-width: 1; }
.dino-svg .pseudopupil { fill: #3C4A2A; opacity: .75; }

/* butterflies and moths */
.dino-svg .wing-band { fill: none; stroke: #2A2320; stroke-width: 8; stroke-linecap: round; stroke-linejoin: round; }
.dino-svg .vein { fill: none; stroke: #2A2320; stroke-width: 1.5; stroke-linecap: round; opacity: .9; }
.dino-svg .vein.light { stroke: var(--edge); stroke-width: .9; opacity: .35; }
.dino-svg .wing-edge { fill: none; stroke: #2E2A33; stroke-width: 3.4; }
.dino-svg .fringe { fill: none; stroke: #F7F3EA; stroke-width: 2.4; stroke-linecap: round; }
.dino-svg .wing-spot-dark { fill: #2E2A33; opacity: .55; }
.dino-svg .wing-spot-light { fill: color-mix(in srgb, currentColor 60%, #F6EEDC); }
.dino-svg .dust { fill: #6A6660; opacity: .14; }
.dino-svg .bfly-body { fill: #2E2622; stroke: #1B1512; stroke-width: .8; }
.dino-svg .bfly-body.fuzzy { stroke: color-mix(in srgb, currentColor 30%, #6A5A4A); stroke-width: 1.4; stroke-dasharray: 1 1.2; }
.dino-svg .hind-pale { fill: #F6EEDC; opacity: .28; }
.dino-svg .moth-band { fill: color-mix(in srgb, currentColor 70%, #2A1D12); opacity: .35; }
.dino-svg .moth-line { fill: none; stroke: color-mix(in srgb, currentColor 40%, #2A1D12); stroke-width: 1.3; stroke-linecap: round; opacity: .75; }
.dino-svg .moth-spot { fill: color-mix(in srgb, currentColor 75%, #F6EEDC); stroke: color-mix(in srgb, currentColor 40%, #2A1D12); stroke-width: 1; }
.dino-svg .moth-fringe { fill: none; stroke: color-mix(in srgb, currentColor 50%, #2A1D12); stroke-width: .9; stroke-linecap: round; opacity: .6; }
.dino-svg .moth-collar { fill: color-mix(in srgb, currentColor 55%, #2A1D12); }

/* bees */
.dino-svg .bee-black { fill: #2A2320; opacity: .9; }
.dino-svg .bee-tail { fill: #F1EAD8; opacity: .95; }
.dino-svg .bee-hair { fill: #F3E3B8; opacity: .45; }
.dino-svg .bee-brown { fill: #7A5432; opacity: .85; }
.dino-svg .bug-fuzz { fill: none; stroke: color-mix(in srgb, currentColor 40%, #3A2E24); stroke-width: .75; stroke-linecap: round; opacity: .5; }
.dino-svg .pollen { fill: #E0A23A; stroke: #A86E22; stroke-width: .8; }
.dino-svg .clear-wing.smoky { fill: rgba(226, 228, 222, .55); stroke: rgba(70, 70, 66, .5); }

/* dragonfly */
.dino-svg .clear-wing.dfly { fill: rgba(232, 240, 242, .5); stroke: rgba(70, 80, 90, .45); }
.dino-svg .stigma { fill: color-mix(in srgb, currentColor 45%, #2A1D12); }
.dino-svg .thorax-stripe { fill: none; stroke: color-mix(in srgb, currentColor 40%, #20180F); stroke-width: 2.6; stroke-linecap: round; opacity: .55; }
.dino-svg .dfly-eye { fill: color-mix(in srgb, currentColor 58%, #2A1D12); stroke: var(--edge); stroke-width: 1.2; }

/* worms and caterpillars */
.dino-svg .worm-gloss { fill: none; stroke: #FFF6EA; stroke-width: 1.6; stroke-linecap: round; opacity: .35; }
.dino-svg .proleg { fill: color-mix(in srgb, currentColor 86%, #F6EEDC); stroke: var(--edge); stroke-width: 1; }
.dino-svg .crochet { fill: none; stroke: color-mix(in srgb, currentColor 30%, #20180F); stroke-width: 1.4; stroke-linecap: round; }
.dino-svg .spiracle { fill: #F4EEDC; stroke: color-mix(in srgb, currentColor 35%, #20180F); stroke-width: .8; }
.dino-svg .cat-stripe { fill: none; stroke: #EEF0BE; stroke-width: 1.6; stroke-linecap: round; opacity: .55; }
.dino-svg .cat-stripe.wide { stroke-width: 3.2; opacity: .45; }
.dino-svg .mandible { fill: #3A2E24; }
.dino-svg .filament { fill: none; stroke: #2A2320; stroke-width: 2; stroke-linecap: round; }
.dino-svg .cat-face { fill: none; stroke: #F3E9C8; stroke-width: 1.8; stroke-linecap: round; }
.dino-svg .ln.faint { opacity: .3; }

/* roly-poly, snail, stick insect */
.dino-svg .lgp, .dino-svg .lgp-o { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.dino-svg .lgp { stroke: color-mix(in srgb, currentColor 40%, #E9E4DA); }
.dino-svg .lgp-o { stroke: var(--edge); }
.dino-svg .far .lgp { stroke: color-mix(in srgb, currentColor 70%, #9A958C); }
.dino-svg .plate-hl { fill: none; stroke: #F6F2EA; stroke-width: 1.2; stroke-linecap: round; opacity: .16; }
.dino-svg .pill-spot { fill: #E6DDBF; opacity: .4; }
.dino-svg .snail-skin { fill: color-mix(in srgb, currentColor 92%, #F6EEDC); stroke: var(--edge); stroke-width: 1.1; }
.dino-svg .snail-skin.far { fill: var(--deep); }
.dino-svg .snail-eye { fill: #2A2320; }
.dino-svg .snail-fringe { fill: color-mix(in srgb, currentColor 75%, #F6EEDC); opacity: .5; }
.dino-svg .shell-band { fill: none; stroke: #8E6236; stroke-width: 3.2; stroke-linecap: round; stroke-dasharray: 9 3.4; opacity: .55; }
.dino-svg .growth { fill: none; stroke: #7C5D3B; stroke-width: .8; opacity: .3; }
.dino-svg .ant-body.thin { stroke-width: 1.3; }