@import url("/assets/css/world-grounds.css");
/* Colours for the habitat pages of the data-driven areas (made from src/_data/world/*.js). The ground textures are in world-grounds.css. */

body.w-garden { --bg: #f4f7ec; --line: #dbe4c8; --soft: #5c6a4a; background: var(--g-lawn, none), linear-gradient(180deg, #fbfcf5 0%, #f0f5e2 45%, #e2ecce 100%) fixed; }
body.w-garden .tl-m:not(.on) { background: #dbe4c8; }
body.w-garden .perch { filter: drop-shadow(0 6px 8px rgba(40,60,20,.2)); }

body.w-meadow { --bg: #f6f6e4; --line: #e2e2c0; --soft: #646842; background: var(--g-prairie, none), linear-gradient(180deg, #fbfbef 0%, #f1f2d8 45%, #e4e8c0 100%) fixed; }
body.w-meadow .tl-m:not(.on) { background: #e2e2c0; }
body.w-meadow .perch { filter: drop-shadow(0 6px 8px rgba(60,60,20,.2)); }

body.w-pond { --bg: #dcebe2; --line: #bdd6c8; --soft: #44685a; }
html.water:has(body.w-pond) { background: var(--g-greenwater, none), linear-gradient(180deg, #e9f3ec 0%, #d3e6da 45%, #bbd6c8 100%) fixed; }
html.water body.w-pond { background: transparent; }
body.w-pond .pk, body.w-pond .who, body.w-pond .tip, body.w-pond .ap-mate { background: rgba(255,255,255,.92); }
body.w-pond .tl-m:not(.on) { background: #bdd6c8; }
body.w-pond .perch { filter: drop-shadow(0 6px 8px rgba(20,60,50,.22)); }

body.w-logpile { --bg: #f1ebdd; --line: #ddd2ba; --soft: #6a5a40; background: var(--g-litter, none), linear-gradient(180deg, #f8f4ea 0%, #ece3d0 45%, #ded2b8 100%) fixed; }
body.w-logpile .tl-m:not(.on) { background: #ddd2ba; }
body.w-logpile .perch { filter: drop-shadow(0 6px 8px rgba(60,40,20,.24)); }

body.w-night { --bg: #0d1520; --line: #233140; --soft: #9eaab5; background: var(--g-none, none), radial-gradient(1200px 700px at 70% -10%, #16233a 0%, #0d1520 60%) fixed; }
body.w-night .tl-m:not(.on) { background: #233140; }
body.w-night .perch { filter: drop-shadow(0 6px 8px rgba(0,0,0,.4)); }
html.night:has(body.w-night) { background: var(--g-none, none), radial-gradient(1200px 700px at 70% -10%, #16233a 0%, #0d1520 60%) fixed; }
html.night body.w-night { background: transparent; }

body.w-savanna { --bg: #f6efd8; --line: #e4d8b0; --soft: #6e5c34; background: var(--g-prairie, none), linear-gradient(180deg, #fcf7e6 0%, #f2e8c6 45%, #e6d6a4 100%) fixed; }
body.w-savanna .tl-m:not(.on) { background: #e4d8b0; }
body.w-savanna .perch { filter: drop-shadow(0 6px 8px rgba(70,50,10,.22)); }

body.w-afforest { --bg: #e2eed6; --line: #c4dab2; --soft: #3e6638; background: var(--g-jungle, none), linear-gradient(180deg, #eef6e4 0%, #d8e8ca 45%, #c0dab0 100%) fixed; }
body.w-afforest .tl-m:not(.on) { background: #c4dab2; }
body.w-afforest .perch { filter: drop-shadow(0 6px 8px rgba(20,60,20,.24)); }

body.w-asforest { --bg: #deeeda; --line: #bedcbc; --soft: #34684a; background: var(--g-jungle, none), linear-gradient(180deg, #ecf6e8 0%, #d4e8d0 45%, #b8dab8 100%) fixed; }
body.w-asforest .tl-m:not(.on) { background: #bedcbc; }
body.w-asforest .perch { filter: drop-shadow(0 6px 8px rgba(16,60,30,.24)); }

body.w-japan { --bg: #eef2e2; --line: #d6dec2; --soft: #56664a; background: var(--g-lawn, none), linear-gradient(180deg, #f8faf0 0%, #eaf0da 45%, #d8e4c4 100%) fixed; }
body.w-japan .tl-m:not(.on) { background: #d6dec2; }
body.w-japan .perch { filter: drop-shadow(0 6px 8px rgba(40,60,30,.2)); }

body.w-backyard { --bg: #f2eeda; --line: #ddd6b8; --soft: #6a6244; background: var(--g-bush, none), linear-gradient(180deg, #faf7e8 0%, #eee8cc 45%, #e0d8b2 100%) fixed; }
body.w-backyard .tl-m:not(.on) { background: #ddd6b8; }
body.w-backyard .perch { filter: drop-shadow(0 6px 8px rgba(60,50,20,.22)); }

body.w-tropics { --bg: #e4f0da; --line: #c6dcb6; --soft: #3e6a3e; background: var(--g-jungle, none), linear-gradient(180deg, #f0f7e8 0%, #dcebd0 45%, #c4deb4 100%) fixed; }
body.w-tropics .tl-m:not(.on) { background: #c6dcb6; }
body.w-tropics .perch { filter: drop-shadow(0 6px 8px rgba(20,60,20,.24)); }

body.w-usyard { --bg: #f1f6e6; --line: #d8e4c4; --soft: #566a44; background: var(--g-lawn, none), linear-gradient(180deg, #fafcf2 0%, #edf4de 45%, #dcebc8 100%) fixed; }
body.w-usyard .tl-m:not(.on) { background: #d8e4c4; }
body.w-usyard .perch { filter: drop-shadow(0 6px 8px rgba(40,60,20,.2)); }

body.w-desert { --bg: #f6ead8; --line: #e6d2b4; --soft: #74583a; background: var(--g-reddust, none), linear-gradient(180deg, #fcf4e6 0%, #f2e2c8 45%, #e6cea8 100%) fixed; }
body.w-desert .tl-m:not(.on) { background: #e6d2b4; }
body.w-desert .perch { filter: drop-shadow(0 6px 8px rgba(80,50,20,.22)); }

body.w-amazon { --bg: #dcecd4; --line: #bcd8b0; --soft: #356432; background: var(--g-jungle, none), linear-gradient(180deg, #eaf5e2 0%, #d2e6c6 45%, #b6d6a8 100%) fixed; }
body.w-amazon .tl-m:not(.on) { background: #bcd8b0; }
body.w-amazon .perch { filter: drop-shadow(0 6px 8px rgba(16,56,16,.25)); }

body.w-cloudforest { --bg: #e4ece0; --line: #c8d8c6; --soft: #48645a; background: var(--g-litter, none), linear-gradient(180deg, #f2f6f0 0%, #dfe9dc 45%, #c8d9c8 100%) fixed; }
body.w-cloudforest .tl-m:not(.on) { background: #c8d8c6; }
body.w-cloudforest .perch { filter: drop-shadow(0 6px 8px rgba(30,50,40,.24)); }