/*
 * Shared scenery rules: swaying plants, flowers, fallback ground colors. Each world adds css/scenery-<world>.css.
 * Owner: scenery core (js/scenery.js). Loaded after css/style.css.
 */

/* ---------- Worlds ---------- */
body[data-theme=animals] { --ground: #B3B98E; --ground-edge: #A1A97F; --fern: #8E9C66; --fern-dark: #718150; }
body[data-theme=bugs] { --ground: #A4B782; --ground-edge: #90A56F; --fern: #7FA05A; --fern-dark: #648446; }
.fern.bush { color: #7E9563; }
.fern.flower svg, .fern.grass svg { overflow: visible; }

/* scenery */
.bush-svg .bush-hl { fill: #FFFFFF; opacity: .12; }
.flower-svg .stem-line { fill: none; stroke: #6E8F4F; stroke-width: 2.4; stroke-linecap: round; }
.flower-svg .flower-leaf { fill: #7E9B5C; }
.flower-svg .petal { fill: #FBF8F1; stroke: #DCD5C6; stroke-width: .6; }
.flower-svg .flower-center { fill: #E2B842; }
.flower-svg .tulip { stroke: rgba(40, 30, 20, .2); stroke-width: .8; }
body.night .fern.flower { filter: brightness(.5); }


/* the simple hills used until a world has its own scenery */
.fallback-hills { position: absolute; left: 0; right: 0; bottom: 23vh; height: 20vh; }
.fallback-hills svg { width: 100%; height: 100%; display: block; }
.fallback-hills .hill-far { fill: var(--hill-far); }
.fallback-hills .hill-near { fill: var(--hill-near); }

/* ground texture added by a world sits under the plants, tracks and the arrow-key friend */
#ground .ground-art { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
#ferns { position: absolute; inset: 0; z-index: 1; pointer-events: none; }