@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-arctic { --bg: #eef4f8; --line: #d2e0ea; --soft: #56687a; background: var(--g-snow, none), linear-gradient(180deg, #f7fbfd 0%, #e8f0f6 45%, #d8e5ee 100%) fixed; }
body.w-arctic .tl-m:not(.on) { background: #d2e0ea; }
body.w-arctic .perch { filter: drop-shadow(0 6px 8px rgba(40,70,100,.22)); }

body.w-antarctic { --bg: #eaf3f9; --line: #cadeeb; --soft: #4e6a80; background: var(--g-ice, none), linear-gradient(180deg, #f4fafd 0%, #e2eff7 45%, #cfe2ee 100%) fixed; }
body.w-antarctic .tl-m:not(.on) { background: #cadeeb; }
body.w-antarctic .perch { filter: drop-shadow(0 6px 8px rgba(30,70,110,.24)); }

body.w-polarsea { --bg: #d3e6f0; --line: #b2d0e0; --soft: #3e6078; }
html.water:has(body.w-polarsea) { background: var(--g-sea, none), linear-gradient(180deg, #e6f2f8 0%, #c8dfec 45%, #a8cadd 100%) fixed; }
html.water body.w-polarsea { background: transparent; }
body.w-polarsea .pk, body.w-polarsea .who, body.w-polarsea .tip, body.w-polarsea .ap-mate { background: rgba(255,255,255,.92); }
body.w-polarsea .tl-m:not(.on) { background: #b2d0e0; }
body.w-polarsea .perch { filter: drop-shadow(0 6px 8px rgba(20,60,100,.26)); }

body.w-outback { --bg: #f6e2cc; --line: #e6c4a2; --soft: #7a543a; background: var(--g-reddust, none), linear-gradient(180deg, #fbeedd 0%, #f3d9bb 45%, #e8bf96 100%) fixed; }
body.w-outback .tl-m:not(.on) { background: #e6c4a2; }
body.w-outback .perch { filter: drop-shadow(0 6px 8px rgba(110,50,20,.24)); }

body.w-bush { --bg: #eef0e0; --line: #d6dcc0; --soft: #5e6a4a; background: var(--g-bush, none), linear-gradient(180deg, #f6f7ea 0%, #e8ecd4 45%, #d8e0be 100%) fixed; }
body.w-bush .tl-m:not(.on) { background: #d6dcc0; }
body.w-bush .perch { filter: drop-shadow(0 6px 8px rgba(50,60,30,.22)); }

body.w-billabong { --bg: #dbe7d2; --line: #bfd2b6; --soft: #4e6a4e; }
html.water:has(body.w-billabong) { background: var(--g-greenwater, none), linear-gradient(180deg, #e9f1df 0%, #d2e2c8 45%, #b9d1b4 100%) fixed; }
html.water body.w-billabong { background: transparent; }
body.w-billabong .pk, body.w-billabong .who, body.w-billabong .tip, body.w-billabong .ap-mate { background: rgba(255,255,255,.92); }
body.w-billabong .tl-m:not(.on) { background: #bfd2b6; }
body.w-billabong .perch { filter: drop-shadow(0 6px 8px rgba(30,60,40,.24)); }

body.w-jungle { --bg: #e6efd8; --line: #c8dab4; --soft: #4e6a3e; background: var(--g-jungle, none), linear-gradient(180deg, #f1f6e6 0%, #dfeacc 45%, #c9dcb0 100%) fixed; }
body.w-jungle .tl-m:not(.on) { background: #c8dab4; }
body.w-jungle .perch { filter: drop-shadow(0 6px 8px rgba(30,60,20,.24)); }

body.w-mountains { --bg: #ecedea; --line: #d4d6d0; --soft: #5a6068; background: var(--g-scree, none), linear-gradient(180deg, #f6f7f6 0%, #e6e8e4 45%, #d4d8d2 100%) fixed; }
body.w-mountains .tl-m:not(.on) { background: #d4d6d0; }
body.w-mountains .perch { filter: drop-shadow(0 6px 8px rgba(40,44,50,.24)); }