/* Palette 0: SARIM */
.theme-sarim-jafrim {
	/* The core gradient parameters */
	--gradient-core: #467CA3, #3E7096 20%, #325F84 40%, #17395B 60%, #092646;
	
	/* Modern Standard (Degrees) */
	--bg-gradient: linear-gradient(350deg, var(--gradient-core));
	
	/* Legacy Prefixes (Note: angles work differently in legacy) */
	--bg-moz: -moz-linear-gradient(350deg, var(--gradient-core));
	--bg-o: -o-linear-gradient(350deg, var(--gradient-core));
	--bg-webkit: -webkit-linear-gradient(350deg, var(--gradient-core));
  
	--outline: #f69b02;
	--inline: #fff1b4;
	--hover-accent: #d9a300; /* Clear Amber */
	--dark-accent: #092646;
	--setting-panel: #17395B;
}

/* Palette 1: Deep Ocean */
.theme-ocean {
	/* The core gradient parameters */
	--gradient-core: #00d4ff, #00b9e9 30%, #019bd0 60%, #016ba8 80%, #006199;
	
	/* Modern Standard (Degrees) */
	--bg-gradient: linear-gradient(350deg, var(--gradient-core));
	
	/* Legacy Prefixes (Note: angles work differently in legacy) */
	--bg-moz: -moz-linear-gradient(350deg, var(--gradient-core));
	--bg-o: -o-linear-gradient(350deg, var(--gradient-core));
	--bg-webkit: -webkit-linear-gradient(350deg, var(--gradient-core));
  
	--outline: #ff5500;
	--inline: #ffffff;
	--hover-accent: #d34600; /* Darker Amber */
	--dark-accent: #006199;
	--setting-panel: #004770;
}

/* Palette 2: Forest Floor */
.theme-forest{
	/* The core gradient parameters */
	--gradient-core: #b9fbc0, #80ed99 30%, #57cc99 60%, #38a3a5 80%, #22577a;
	
	/* Modern Standard (Degrees) */
	--bg-gradient: linear-gradient(350deg, var(--gradient-core));
	
	/* Legacy Prefixes (Note: angles work differently in legacy) */
	--bg-moz: -moz-linear-gradient(350deg, var(--gradient-core));
	--bg-o: -o-linear-gradient(350deg, var(--gradient-core));
	--bg-webkit: -webkit-linear-gradient(350deg, var(--gradient-core));
	
	--outline: #ff6b6b;
	--inline: #b9fbc0;
	--hover-accent: #e65555; /* Darker Coral */
	--dark-accent: #22577a;
	--setting-panel: #38a3a5;
}

/* Palette 3: Royal Plum */
.theme-royal{
	--gradient-core: #e0aaff, #c77dff 30%, #9d4edd 60%, #7b2cbf 80%, #3c096c;
	
	/* Modern Standard (Degrees) */
	--bg-gradient: linear-gradient(350deg, var(--gradient-core));
	
	/* Legacy Prefixes (Note: angles work differently in legacy) */
	--bg-moz: -moz-linear-gradient(350deg, var(--gradient-core));
	--bg-o: -o-linear-gradient(350deg, var(--gradient-core));
	--bg-webkit: -webkit-linear-gradient(350deg, var(--gradient-core));
	
	--outline: #a4db00;
	--inline: #3c096c;
	--hover-accent: #8fbf00; /* Darker Lime */
	--dark-accent: #3c096c;
	--setting-panel: #7b2cbf;
}

/* Palette 4: Magma Chamber */
.theme-magma{
	--gradient-core: #ff8a8a, #ff5c5c 30%, #ff2e2e 60%, #d90429 80%, #8d0801;
	
	/* Modern Standard (Degrees) */
	--bg-gradient: linear-gradient(350deg, var(--gradient-core));
	
	/* Legacy Prefixes (Note: angles work differently in legacy) */
	--bg-moz: -moz-linear-gradient(350deg, var(--gradient-core));
	--bg-o: -o-linear-gradient(350deg, var(--gradient-core));
	--bg-webkit: -webkit-linear-gradient(350deg, var(--gradient-core));
	
	--outline: #00f5d4;
	--inline: #8d0801;
	--hover-accent: #00c4aa; /* Darker Teal */
	--dark-accent: #d90429;
	--setting-panel: #d90429;
}

/* Palette 5: Midnight Slate */
.theme-midnight{
	--gradient-core: #f8f9fa, #dee2e6 20%, #889099 40%, #495057 60%, #212529;
	
	/* Modern Standard (Degrees) */
	--bg-gradient: linear-gradient(350deg, var(--gradient-core));
	
	/* Legacy Prefixes (Note: angles work differently in legacy) */
	--bg-moz: -moz-linear-gradient(350deg, var(--gradient-core));
	--bg-o: -o-linear-gradient(350deg, var(--gradient-core));
	--bg-webkit: -webkit-linear-gradient(350deg, var(--gradient-core));
	
	--outline: #ff3e00;
	--inline: #212529;
	--hover-accent: #cc3200; /* Darker Orange */
	--dark-accent: #495057;
	--setting-panel: #495057;
}

/* Palette 6: Golden Hour */
.theme-golden{
	--gradient-core: #ffea00, #ffdd00 30%, #ffd000 60%, #ffc300 80%, #ffb700;
	
	/* Modern Standard (Degrees) */
	--bg-gradient: linear-gradient(350deg, var(--gradient-core));
	
	/* Legacy Prefixes (Note: angles work differently in legacy) */
	--bg-moz: -moz-linear-gradient(350deg, var(--gradient-core));
	--bg-o: -o-linear-gradient(350deg, var(--gradient-core));
	--bg-webkit: -webkit-linear-gradient(350deg, var(--gradient-core));
	
	--outline: #1a1a1a;
	--inline: #ffb700;
	--hover-accent: #000000; /* Pure Black */
	--dark-accent: #ffc300;
	--setting-panel: #ffd000;
}