/**
 * TinyTaleWorld CSS Variables
 * Layer: Base Variables
 * Defines all custom properties for scenes, moods, characters, elements, and FX
 */

:root {
	/* ============================
	   Scene Color Palette
	   Each scene has sky (top) and ground (bottom) colors for gradients
	   ============================ */

	/* Nature Scenes */
	--ttw-jungle-sky: #2d7a2d;
	--ttw-jungle-ground: #1a4a1a;
	
	--ttw-forest-sky: #2d5a27;
	--ttw-forest-ground: #1a3d1a;
	
	--ttw-ocean-sky: #0077b6;
	--ttw-ocean-ground: #023e8a;
	
	--ttw-mountain-sky: #5a7d9c;
	--ttw-mountain-ground: #2d4a5c;
	
	--ttw-farm-sky: #87ceeb;
	--ttw-farm-ground: #8b4513;
	
	--ttw-river-sky: #48cae4;
	--ttw-river-ground: #0096c7;
	
	--ttw-desert-sky: #ffd60a;
	--ttw-desert-ground: #e85d04;
	
	--ttw-swamp-sky: #4a6741;
	--ttw-swamp-ground: #2d3a2d;

	/* Fantasy Scenes */
	--ttw-magic-kingdom-sky: #9d4edd;
	--ttw-magic-kingdom-ground: #5a189a;
	
	--ttw-dragon-land-sky: #d00000;
	--ttw-dragon-land-ground: #6a040f;
	
	--ttw-candy-world-sky: #ff85a1;
	--ttw-candy-world-ground: #c77dff;
	
	--ttw-cloud-city-sky: #caf0f8;
	--ttw-cloud-city-ground: #90e0ef;
	
	--ttw-crystal-cave-sky: #7209b7;
	--ttw-crystal-cave-ground: #3a0ca3;
	
	--ttw-enchanted-garden-sky: #70e000;
	--ttw-enchanted-garden-ground: #38b000;

	/* Adventure Scenes */
	--ttw-pirate-ship-sky: #03045e;
	--ttw-pirate-ship-ground: #0077b6;
	
	--ttw-giant-tree-village-sky: #606c38;
	--ttw-giant-tree-village-ground: #283618;

	/* Everyday Scenes */
	--ttw-city-sky: #adb5bd;
	--ttw-city-ground: #495057;
	
	--ttw-school-sky: #a8dadc;
	--ttw-school-ground: #457b9d;
	
	--ttw-home-sky: #f4a261;
	--ttw-home-ground: #e76f51;
	
	--ttw-market-sky: #e9c46a;
	--ttw-market-ground: #f4a261;

	/* Building Scenes */
	--ttw-hospital-sky: #e0e1dd;
	--ttw-hospital-ground: #778da9;
	
	--ttw-village-sky: #b7e4c7;
	--ttw-village-ground: #74c69d;
	
	--ttw-castle-sky: #6c757d;
	--ttw-castle-ground: #343a40;
	
	--ttw-lighthouse-sky: #48cae4;
	--ttw-lighthouse-ground: #023e8a;

	/* Space Scenes */
	--ttw-planet-sky: #240046;
	--ttw-planet-ground: #10002b;
	
	--ttw-galaxy-sky: #03045e;
	--ttw-galaxy-ground: #0d0221;
	
	--ttw-moon-surface-sky: #6c757d;
	--ttw-moon-surface-ground: #343a40;
	
	--ttw-asteroid-field-sky: #1b263b;
	--ttw-asteroid-field-ground: #0d1b2a;
	
	--ttw-nebula-sky: #7b2cbf;
	--ttw-nebula-ground: #3c096c;

	/* Panel Colors (ground darkened by 15%) */
	--ttw-jungle-panel: #163f16;
	--ttw-forest-panel: #163416;
	--ttw-ocean-panel: #023475;
	--ttw-mountain-panel: #273f4e;
	--ttw-farm-panel: #763b11;
	--ttw-river-panel: #0083a9;
	--ttw-desert-panel: #c85203;
	--ttw-swamp-panel: #273227;
	--ttw-magic-kingdom-panel: #4d1482;
	--ttw-dragon-land-panel: #5e030d;
	--ttw-candy-world-panel: #b16fc7;
	--ttw-cloud-city-panel: #82c7d6;
	--ttw-crystal-cave-panel: #320a8b;
	--ttw-enchanted-garden-panel: #309d00;
	--ttw-pirate-ship-panel: #00669b;
	--ttw-giant-tree-village-panel: #223015;
	--ttw-city-panel: #3e464b;
	--ttw-school-panel: #3d6a88;
	--ttw-home-panel: #c65e45;
	--ttw-market-panel: #d18b53;
	--ttw-hospital-panel: #667a90;
	--ttw-village-panel: #66b086;
	--ttw-castle-panel: #2d3236;
	--ttw-lighthouse-panel: #023475;
	--ttw-planet-panel: #0e0024;
	--ttw-galaxy-panel: #0b011c;
	--ttw-moon-surface-panel: #2d3236;
	--ttw-asteroid-field-panel: #0b1720;
	--ttw-nebula-panel: #33075b;

	/* ============================
	   Timing Variables
	   Animation durations for different effects
	   ============================ */
	--ttw-anim-slow: 8s;
	--ttw-anim-med: 4s;
	--ttw-anim-fast: 2s;
	--ttw-anim-fx: 3s;

	/* ============================
	   Z-Index Stack
	   Layer positioning for scene elements
	   ============================ */
	--ttw-z-scene: 0;
	--ttw-z-mood: 1;
	--ttw-z-element: 2;
	--ttw-z-fx: 3;
	--ttw-z-content: 10;

	/* ============================
	   FX Particle Defaults
	   Default settings for particle effects
	   ============================ */
	--ttw-particle-count: 20;
	--ttw-particle-size: 4px;
	--ttw-particle-color: rgba(255, 255, 255, 0.8);
}