/**
 * TinyTaleWorld Scene Layer
 * Layer 1: Scenes
 * Background gradients for all 30 scenes
 */

/* Nature Scenes */
body.scene-jungle {
	background: linear-gradient(
		180deg,
		var(--ttw-jungle-sky) 0%,
		var(--ttw-jungle-ground) 100%
	);
	color: #fff;
}

body.scene-forest {
	background: linear-gradient(
		180deg,
		var(--ttw-forest-sky) 0%,
		var(--ttw-forest-ground) 100%
	);
	color: #fff;
}

body.scene-ocean {
	background: linear-gradient(
		180deg,
		var(--ttw-ocean-sky) 0%,
		var(--ttw-ocean-ground) 100%
	);
	color: #fff;
}

body.scene-mountain {
	background: linear-gradient(
		180deg,
		var(--ttw-mountain-sky) 0%,
		var(--ttw-mountain-ground) 100%
	);
	color: #fff;
}

body.scene-farm {
	background: linear-gradient(
		180deg,
		var(--ttw-farm-sky) 0%,
		var(--ttw-farm-ground) 100%
	);
	color: #333;
}

body.scene-river {
	background: linear-gradient(
		180deg,
		var(--ttw-river-sky) 0%,
		var(--ttw-river-ground) 100%
	);
	color: #fff;
}

body.scene-desert {
	background: linear-gradient(
		180deg,
		var(--ttw-desert-sky) 0%,
		var(--ttw-desert-ground) 100%
	);
	color: #333;
}

body.scene-swamp {
	background: linear-gradient(
		180deg,
		var(--ttw-swamp-sky) 0%,
		var(--ttw-swamp-ground) 100%
	);
	color: #fff;
}

/* Fantasy Scenes */
body.scene-magic-kingdom {
	background: linear-gradient(
		180deg,
		var(--ttw-magic-kingdom-sky) 0%,
		var(--ttw-magic-kingdom-ground) 100%
	);
	color: #fff;
}

body.scene-dragon-land {
	background: linear-gradient(
		180deg,
		var(--ttw-dragon-land-sky) 0%,
		var(--ttw-dragon-land-ground) 100%
	);
	color: #fff;
}

body.scene-candy-world {
	background: linear-gradient(
		180deg,
		var(--ttw-candy-world-sky) 0%,
		var(--ttw-candy-world-ground) 100%
	);
	color: #333;
}

body.scene-cloud-city {
	background: linear-gradient(
		180deg,
		var(--ttw-cloud-city-sky) 0%,
		var(--ttw-cloud-city-ground) 100%
	);
	color: #333;
}

body.scene-crystal-cave {
	background: linear-gradient(
		180deg,
		var(--ttw-crystal-cave-sky) 0%,
		var(--ttw-crystal-cave-ground) 100%
	);
	color: #fff;
}

body.scene-enchanted-garden {
	background: linear-gradient(
		180deg,
		var(--ttw-enchanted-garden-sky) 0%,
		var(--ttw-enchanted-garden-ground) 100%
	);
	color: #fff;
}

/* Adventure Scenes */
body.scene-pirate-ship {
	background: linear-gradient(
		180deg,
		var(--ttw-pirate-ship-sky) 0%,
		var(--ttw-pirate-ship-ground) 100%
	);
	color: #fff;
}

body.scene-giant-tree-village {
	background: linear-gradient(
		180deg,
		var(--ttw-giant-tree-village-sky) 0%,
		var(--ttw-giant-tree-village-ground) 100%
	);
	color: #fff;
}

/* Everyday Scenes */
body.scene-city {
	background: linear-gradient(
		180deg,
		var(--ttw-city-sky) 0%,
		var(--ttw-city-ground) 100%
	);
	color: #333;
}

body.scene-school {
	background: linear-gradient(
		180deg,
		var(--ttw-school-sky) 0%,
		var(--ttw-school-ground) 100%
	);
	color: #333;
}

body.scene-home {
	background: linear-gradient(
		180deg,
		var(--ttw-home-sky) 0%,
		var(--ttw-home-ground) 100%
	);
	color: #333;
}

body.scene-market {
	background: linear-gradient(
		180deg,
		var(--ttw-market-sky) 0%,
		var(--ttw-market-ground) 100%
	);
	color: #333;
}

/* Building Scenes */
body.scene-hospital {
	background: linear-gradient(
		180deg,
		var(--ttw-hospital-sky) 0%,
		var(--ttw-hospital-ground) 100%
	);
	color: #333;
}

body.scene-village {
	background: linear-gradient(
		180deg,
		var(--ttw-village-sky) 0%,
		var(--ttw-village-ground) 100%
	);
	color: #333;
}

body.scene-castle {
	background: linear-gradient(
		180deg,
		var(--ttw-castle-sky) 0%,
		var(--ttw-castle-ground) 100%
	);
	color: #fff;
}

body.scene-lighthouse {
	background: linear-gradient(
		180deg,
		var(--ttw-lighthouse-sky) 0%,
		var(--ttw-lighthouse-ground) 100%
	);
	color: #333;
}

/* Space Scenes */
body.scene-planet {
	background: linear-gradient(
		180deg,
		var(--ttw-planet-sky) 0%,
		var(--ttw-planet-ground) 100%
	);
	color: #fff;
}

body.scene-galaxy {
	background: linear-gradient(
		180deg,
		var(--ttw-galaxy-sky) 0%,
		var(--ttw-galaxy-ground) 100%
	);
	color: #fff;
}

body.scene-moon-surface {
	background: linear-gradient(
		180deg,
		var(--ttw-moon-surface-sky) 0%,
		var(--ttw-moon-surface-ground) 100%
	);
	color: #fff;
}

body.scene-asteroid-field {
	background: linear-gradient(
		180deg,
		var(--ttw-asteroid-field-sky) 0%,
		var(--ttw-asteroid-field-ground) 100%
	);
	color: #fff;
}

body.scene-nebula {
	background: linear-gradient(
		180deg,
		var(--ttw-nebula-sky) 0%,
		var(--ttw-nebula-ground) 100%
	);
	color: #fff;
}