/**
 * Palet warna tema — dipilih di Penyesuaian. Default ada di style.css :root.
 */

/* 1. Emas & Netral Klasik */
body.ramaya-scheme-gold-neutral {
	--ramaya-body-bg: #d8d0c5;
	--ramaya-body-text: #3f0d0c;
	--ramaya-link: #8d6f57;
	--ramaya-heading: #3f0d0c;
	--ramaya-accent-title: #d9b061;
	--ramaya-meta: #6b5345;
	--ramaya-muted: #6b5345;
	--ramaya-border: #c9bfb4;
	--ramaya-blockquote-border: #d9c4a9;
	--ramaya-blockquote-text: #5c4a3d;
	--ramaya-header-bg: rgba(63, 13, 12, 0.9);
	--ramaya-header-text: #d9c4a9;
	--ramaya-header-shadow: 0 1px 0 rgba(217, 176, 97, 0.2);
	--ramaya-nav-hover-bg: rgba(217, 176, 97, 0.18);
	--ramaya-nav-active-bg: rgba(217, 176, 97, 0.28);
	--ramaya-toggle-bg: rgba(217, 176, 97, 0.14);
	--ramaya-toggle-hover-bg: rgba(217, 176, 97, 0.24);
	--ramaya-toggle-outline: rgba(217, 176, 97, 0.45);
	--ramaya-brand-icon-bg: rgba(217, 176, 97, 0.14);
	--ramaya-backdrop: rgba(32, 24, 20, 0.45);
	--ramaya-mobile-panel-bg: rgba(45, 28, 24, 0.97);
	--ramaya-mobile-panel-border: rgba(217, 176, 97, 0.12);
	--ramaya-mobile-panel-outer-border: rgba(217, 176, 97, 0.18);
	--ramaya-mobile-panel-shadow:
		0 12px 40px rgba(0, 0, 0, 0.28),
		0 0 0 1px rgba(217, 176, 97, 0.1);
	--ramaya-hero-header-bg: rgba(63, 13, 12, 0.42);
	--ramaya-footer-text: #6b5345;
}

/* 2. Modern Dark Mode */
body.ramaya-scheme-modern-dark {
	--ramaya-body-bg: #1a1a1a;
	--ramaya-body-text: #f5f5f5;
	--ramaya-link: #8bc34a;
	--ramaya-heading: #f5f5f5;
	--ramaya-accent-title: #8bc34a;
	--ramaya-meta: #a8a8a8;
	--ramaya-muted: #b5b5b5;
	--ramaya-border: #333333;
	--ramaya-blockquote-border: #444444;
	--ramaya-blockquote-text: #cccccc;
	--ramaya-header-bg: rgba(44, 62, 80, 0.94);
	--ramaya-header-text: #f5f5f5;
	--ramaya-header-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
	--ramaya-nav-hover-bg: rgba(139, 195, 74, 0.22);
	--ramaya-nav-active-bg: rgba(139, 195, 74, 0.32);
	--ramaya-toggle-bg: rgba(255, 255, 255, 0.1);
	--ramaya-toggle-hover-bg: rgba(139, 195, 74, 0.18);
	--ramaya-toggle-outline: rgba(139, 195, 74, 0.45);
	--ramaya-brand-icon-bg: rgba(255, 255, 255, 0.08);
	--ramaya-backdrop: rgba(0, 0, 0, 0.55);
	--ramaya-mobile-panel-bg: rgba(26, 30, 36, 0.98);
	--ramaya-mobile-panel-border: rgba(255, 255, 255, 0.08);
	--ramaya-mobile-panel-outer-border: rgba(255, 255, 255, 0.1);
	--ramaya-mobile-panel-shadow:
		0 12px 40px rgba(0, 0, 0, 0.45),
		0 0 0 1px rgba(255, 255, 255, 0.06);
	--ramaya-hero-header-bg: rgba(44, 62, 80, 0.48);
	--ramaya-footer-text: #a8a8a8;
}

/* 3. Minimalis Natural */
body.ramaya-scheme-minimal-natural {
	--ramaya-body-bg: #f4f4f4;
	--ramaya-body-text: #1b5e20;
	--ramaya-link: #388e3c;
	--ramaya-heading: #1b5e20;
	--ramaya-accent-title: #2e7d32;
	--ramaya-meta: #4e6e50;
	--ramaya-muted: #4e6e50;
	--ramaya-border: #e0e0e0;
	--ramaya-blockquote-border: #c8e6c9;
	--ramaya-blockquote-text: #2e4a30;
	--ramaya-header-bg: rgba(27, 94, 32, 0.9);
	--ramaya-header-text: #e8f5e9;
	--ramaya-header-shadow: 0 1px 0 rgba(232, 245, 233, 0.15);
	--ramaya-nav-hover-bg: rgba(232, 245, 233, 0.18);
	--ramaya-nav-active-bg: rgba(232, 245, 233, 0.28);
	--ramaya-toggle-bg: rgba(232, 245, 233, 0.12);
	--ramaya-toggle-hover-bg: rgba(232, 245, 233, 0.22);
	--ramaya-toggle-outline: rgba(232, 245, 233, 0.4);
	--ramaya-brand-icon-bg: rgba(232, 245, 233, 0.12);
	--ramaya-backdrop: rgba(20, 40, 24, 0.4);
	--ramaya-mobile-panel-bg: rgba(24, 42, 28, 0.97);
	--ramaya-mobile-panel-border: rgba(232, 245, 233, 0.12);
	--ramaya-mobile-panel-outer-border: rgba(232, 245, 233, 0.15);
	--ramaya-mobile-panel-shadow:
		0 12px 40px rgba(0, 0, 0, 0.22),
		0 0 0 1px rgba(232, 245, 233, 0.08);
	--ramaya-hero-header-bg: rgba(27, 94, 32, 0.4);
	--ramaya-footer-text: #4e6e50;
}

/* 4. Sophisticated Blue-Beige */
body.ramaya-scheme-blue-beige {
	--ramaya-body-bg: #ebded4;
	--ramaya-body-text: #07203f;
	--ramaya-link: #a65e46;
	--ramaya-heading: #07203f;
	--ramaya-accent-title: #07203f;
	--ramaya-meta: #4a5a70;
	--ramaya-muted: #5a6a82;
	--ramaya-border: #d4c4b8;
	--ramaya-blockquote-border: #d9aa90;
	--ramaya-blockquote-text: #3d4c62;
	--ramaya-header-bg: rgba(7, 32, 63, 0.92);
	--ramaya-header-text: #ebded4;
	--ramaya-header-shadow: 0 1px 0 rgba(235, 222, 212, 0.12);
	--ramaya-nav-hover-bg: rgba(235, 222, 212, 0.14);
	--ramaya-nav-active-bg: rgba(235, 222, 212, 0.22);
	--ramaya-toggle-bg: rgba(235, 222, 212, 0.1);
	--ramaya-toggle-hover-bg: rgba(235, 222, 212, 0.18);
	--ramaya-toggle-outline: rgba(235, 222, 212, 0.35);
	--ramaya-brand-icon-bg: rgba(235, 222, 212, 0.1);
	--ramaya-backdrop: rgba(4, 16, 32, 0.45);
	--ramaya-mobile-panel-bg: rgba(5, 24, 48, 0.97);
	--ramaya-mobile-panel-border: rgba(235, 222, 212, 0.1);
	--ramaya-mobile-panel-outer-border: rgba(235, 222, 212, 0.14);
	--ramaya-mobile-panel-shadow:
		0 12px 40px rgba(0, 0, 0, 0.28),
		0 0 0 1px rgba(235, 222, 212, 0.08);
	--ramaya-hero-header-bg: rgba(7, 32, 63, 0.45);
	--ramaya-footer-text: #4a5a70;
}

/* 5. Mewah Kontemporer */
body.ramaya-scheme-luxury-contemporary {
	--ramaya-body-bg: #f5f5f5;
	--ramaya-body-text: #2c3e50;
	--ramaya-link: #ff007f;
	--ramaya-heading: #2c3e50;
	--ramaya-accent-title: #ff007f;
	--ramaya-meta: #5d6d7e;
	--ramaya-muted: #5d6d7e;
	--ramaya-border: #e0e0e0;
	--ramaya-blockquote-border: #cfd8dc;
	--ramaya-blockquote-text: #455a64;
	--ramaya-header-bg: rgba(44, 62, 80, 0.93);
	--ramaya-header-text: #ffffff;
	--ramaya-header-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
	--ramaya-nav-hover-bg: rgba(255, 0, 127, 0.18);
	--ramaya-nav-active-bg: rgba(255, 0, 127, 0.28);
	--ramaya-toggle-bg: rgba(255, 255, 255, 0.1);
	--ramaya-toggle-hover-bg: rgba(255, 0, 127, 0.22);
	--ramaya-toggle-outline: rgba(255, 0, 127, 0.45);
	--ramaya-brand-icon-bg: rgba(255, 255, 255, 0.1);
	--ramaya-backdrop: rgba(20, 24, 32, 0.5);
	--ramaya-mobile-panel-bg: rgba(35, 42, 52, 0.98);
	--ramaya-mobile-panel-border: rgba(255, 255, 255, 0.08);
	--ramaya-mobile-panel-outer-border: rgba(255, 0, 127, 0.15);
	--ramaya-mobile-panel-shadow:
		0 12px 40px rgba(0, 0, 0, 0.35),
		0 0 0 1px rgba(255, 255, 255, 0.06);
	--ramaya-hero-header-bg: rgba(44, 62, 80, 0.45);
	--ramaya-footer-text: #5d6d7e;
}

/* 6. The Heritage Retreat */
body.ramaya-scheme-heritage-retreat {
	--ramaya-body-bg: #f5f2ed;
	--ramaya-body-text: #2f2f2f;
	--ramaya-link: #d4af37;
	--ramaya-heading: #3d0b0b;
	--ramaya-accent-title: #3d0b0b;
	--ramaya-meta: #5c5c5c;
	--ramaya-muted: #6a6a6a;
	--ramaya-border: #e8e2da;
	--ramaya-blockquote-border: #d4af37;
	--ramaya-blockquote-text: #4a4540;
	--ramaya-header-bg: rgba(61, 11, 11, 0.93);
	--ramaya-header-text: #f5f2ed;
	--ramaya-header-shadow: 0 1px 0 rgba(212, 175, 55, 0.18);
	--ramaya-nav-hover-bg: rgba(212, 175, 55, 0.18);
	--ramaya-nav-active-bg: rgba(212, 175, 55, 0.28);
	--ramaya-toggle-bg: rgba(245, 242, 237, 0.12);
	--ramaya-toggle-hover-bg: rgba(212, 175, 55, 0.22);
	--ramaya-toggle-outline: rgba(212, 175, 55, 0.45);
	--ramaya-brand-icon-bg: rgba(212, 175, 55, 0.12);
	--ramaya-backdrop: rgba(30, 12, 10, 0.45);
	--ramaya-mobile-panel-bg: rgba(42, 18, 16, 0.97);
	--ramaya-mobile-panel-border: rgba(212, 175, 55, 0.12);
	--ramaya-mobile-panel-outer-border: rgba(212, 175, 55, 0.2);
	--ramaya-mobile-panel-shadow:
		0 12px 40px rgba(0, 0, 0, 0.3),
		0 0 0 1px rgba(212, 175, 55, 0.08);
	--ramaya-hero-header-bg: rgba(61, 11, 11, 0.42);
	--ramaya-footer-text: #5c5c5c;
}

/* 7. Botanical Luxe */
body.ramaya-scheme-botanical-luxe {
	--ramaya-body-bg: #f2e8df;
	--ramaya-body-text: #043927;
	--ramaya-link: #4a5d23;
	--ramaya-heading: #043927;
	--ramaya-accent-title: #b76e79;
	--ramaya-meta: #4d6b55;
	--ramaya-muted: #5a6e5f;
	--ramaya-border: #e0d5ca;
	--ramaya-blockquote-border: #b76e79;
	--ramaya-blockquote-text: #2d4a38;
	--ramaya-header-bg: rgba(4, 57, 39, 0.92);
	--ramaya-header-text: #f2e8df;
	--ramaya-header-shadow: 0 1px 0 rgba(183, 110, 121, 0.2);
	--ramaya-nav-hover-bg: rgba(183, 110, 121, 0.2);
	--ramaya-nav-active-bg: rgba(183, 110, 121, 0.3);
	--ramaya-toggle-bg: rgba(242, 232, 223, 0.12);
	--ramaya-toggle-hover-bg: rgba(74, 93, 35, 0.25);
	--ramaya-toggle-outline: rgba(183, 110, 121, 0.45);
	--ramaya-brand-icon-bg: rgba(74, 93, 35, 0.2);
	--ramaya-backdrop: rgba(8, 32, 22, 0.42);
	--ramaya-mobile-panel-bg: rgba(6, 40, 28, 0.97);
	--ramaya-mobile-panel-border: rgba(183, 110, 121, 0.14);
	--ramaya-mobile-panel-outer-border: rgba(74, 93, 35, 0.25);
	--ramaya-mobile-panel-shadow:
		0 12px 40px rgba(0, 0, 0, 0.28),
		0 0 0 1px rgba(183, 110, 121, 0.08);
	--ramaya-hero-header-bg: rgba(4, 57, 39, 0.4);
	--ramaya-footer-text: #4d6b55;
}

/* 8. Coastal Mediterranean */
body.ramaya-scheme-coastal-mediterranean {
	--ramaya-body-bg: #f0ead6;
	--ramaya-body-text: #002b5b;
	--ramaya-link: #b87333;
	--ramaya-heading: #002b5b;
	--ramaya-accent-title: #002b5b;
	--ramaya-meta: #4a5f7a;
	--ramaya-muted: #5a6e82;
	--ramaya-border: #dcd3bc;
	--ramaya-blockquote-border: #d2b48c;
	--ramaya-blockquote-text: #3d5270;
	--ramaya-header-bg: rgba(0, 43, 91, 0.93);
	--ramaya-header-text: #f0ead6;
	--ramaya-header-shadow: 0 1px 0 rgba(210, 180, 140, 0.18);
	--ramaya-nav-hover-bg: rgba(184, 115, 51, 0.2);
	--ramaya-nav-active-bg: rgba(184, 115, 51, 0.3);
	--ramaya-toggle-bg: rgba(240, 234, 214, 0.1);
	--ramaya-toggle-hover-bg: rgba(184, 115, 51, 0.22);
	--ramaya-toggle-outline: rgba(210, 180, 140, 0.4);
	--ramaya-brand-icon-bg: rgba(184, 115, 51, 0.15);
	--ramaya-backdrop: rgba(0, 24, 48, 0.45);
	--ramaya-mobile-panel-bg: rgba(0, 32, 68, 0.97);
	--ramaya-mobile-panel-border: rgba(210, 180, 140, 0.12);
	--ramaya-mobile-panel-outer-border: rgba(184, 115, 51, 0.2);
	--ramaya-mobile-panel-shadow:
		0 12px 40px rgba(0, 0, 0, 0.32),
		0 0 0 1px rgba(240, 234, 214, 0.08);
	--ramaya-hero-header-bg: rgba(0, 43, 91, 0.42);
	--ramaya-footer-text: #4a5f7a;
}

/* 9. Arctic Serenity */
body.ramaya-scheme-arctic-serenity {
	--ramaya-body-bg: #f0eee9;
	--ramaya-body-text: #4b6584;
	--ramaya-link: #4b6584;
	--ramaya-heading: #3d5470;
	--ramaya-accent-title: #4b6584;
	--ramaya-meta: #6b7b92;
	--ramaya-muted: #7788a0;
	--ramaya-border: #e0ddd8;
	--ramaya-blockquote-border: #a5d7e8;
	--ramaya-blockquote-text: #4a5f78;
	--ramaya-header-bg: rgba(75, 101, 132, 0.9);
	--ramaya-header-text: #f0eee9;
	--ramaya-header-shadow: 0 1px 0 rgba(165, 215, 232, 0.22);
	--ramaya-nav-hover-bg: rgba(165, 215, 232, 0.22);
	--ramaya-nav-active-bg: rgba(165, 215, 232, 0.32);
	--ramaya-toggle-bg: rgba(240, 238, 233, 0.12);
	--ramaya-toggle-hover-bg: rgba(165, 215, 232, 0.28);
	--ramaya-toggle-outline: rgba(165, 215, 232, 0.45);
	--ramaya-brand-icon-bg: rgba(165, 215, 232, 0.15);
	--ramaya-backdrop: rgba(45, 58, 74, 0.38);
	--ramaya-mobile-panel-bg: rgba(55, 72, 92, 0.96);
	--ramaya-mobile-panel-border: rgba(165, 215, 232, 0.14);
	--ramaya-mobile-panel-outer-border: rgba(165, 215, 232, 0.2);
	--ramaya-mobile-panel-shadow:
		0 12px 40px rgba(40, 55, 70, 0.28),
		0 0 0 1px rgba(240, 238, 233, 0.1);
	--ramaya-hero-header-bg: rgba(75, 101, 132, 0.4);
	--ramaya-footer-text: #6b7b92;
}

/* 10. Urban Nightlife */
body.ramaya-scheme-urban-nightlife {
	--ramaya-body-bg: #0a0a0a;
	--ramaya-body-text: #e5e4e2;
	--ramaya-link: #00ffc2;
	--ramaya-heading: #e5e4e2;
	--ramaya-accent-title: #706fd3;
	--ramaya-meta: #778899;
	--ramaya-muted: #8899aa;
	--ramaya-border: #2a2a2e;
	--ramaya-blockquote-border: #706fd3;
	--ramaya-blockquote-text: #c8ccd4;
	--ramaya-header-bg: rgba(12, 12, 16, 0.96);
	--ramaya-header-text: #e5e4e2;
	--ramaya-header-shadow: 0 1px 0 rgba(112, 111, 211, 0.25);
	--ramaya-nav-hover-bg: rgba(0, 255, 194, 0.14);
	--ramaya-nav-active-bg: rgba(0, 255, 194, 0.22);
	--ramaya-toggle-bg: rgba(112, 111, 211, 0.18);
	--ramaya-toggle-hover-bg: rgba(0, 255, 194, 0.18);
	--ramaya-toggle-outline: rgba(0, 255, 194, 0.45);
	--ramaya-brand-icon-bg: rgba(112, 111, 211, 0.2);
	--ramaya-backdrop: rgba(0, 0, 0, 0.65);
	--ramaya-mobile-panel-bg: rgba(18, 18, 24, 0.98);
	--ramaya-mobile-panel-border: rgba(112, 111, 211, 0.15);
	--ramaya-mobile-panel-outer-border: rgba(0, 255, 194, 0.18);
	--ramaya-mobile-panel-shadow:
		0 12px 40px rgba(0, 0, 0, 0.55),
		0 0 0 1px rgba(112, 111, 211, 0.1);
	--ramaya-hero-header-bg: rgba(15, 15, 20, 0.55);
	--ramaya-footer-text: #778899;
}

/* 11. Clean Green — inspirasi Viator: putih bersih, hijau brand, mint sangat lembut, border abu tipis */
body.ramaya-scheme-clean-green-viator {
	--ramaya-body-bg: #f6f7f6;
	--ramaya-body-text: #202124;
	--ramaya-link: #0a6e4f;
	--ramaya-heading: #0d4a38;
	--ramaya-accent-title: #0a6e4f;
	--ramaya-meta: #5f6368;
	--ramaya-muted: #6b7280;
	--ramaya-border: #e8eaed;
	--ramaya-blockquote-border: #c8e6d5;
	--ramaya-blockquote-text: #3d5248;
	/* Header putih seperti Viator (bukan bilah gelap) */
	--ramaya-header-bg: rgba(255, 255, 255, 0.94);
	--ramaya-header-text: #0d4a38;
	--ramaya-header-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
	--ramaya-nav-hover-bg: rgba(10, 110, 79, 0.08);
	--ramaya-nav-active-bg: rgba(10, 110, 79, 0.14);
	--ramaya-toggle-bg: rgba(10, 110, 79, 0.06);
	--ramaya-toggle-hover-bg: rgba(10, 110, 79, 0.11);
	--ramaya-toggle-outline: rgba(10, 110, 79, 0.28);
	--ramaya-brand-icon-bg: #ecf7f1;
	--ramaya-backdrop: rgba(32, 40, 36, 0.28);
	--ramaya-mobile-panel-bg: rgba(255, 255, 255, 0.98);
	--ramaya-mobile-panel-border: rgba(0, 0, 0, 0.05);
	--ramaya-mobile-panel-outer-border: #e8eaed;
	--ramaya-mobile-panel-shadow:
		0 12px 40px rgba(0, 0, 0, 0.1),
		0 0 0 1px rgba(0, 0, 0, 0.04);
	--ramaya-hero-header-bg: rgba(255, 255, 255, 0.9);
	--ramaya-footer-text: #5f6368;
}

/* Samakan transparansi bilah header dengan halaman ber-hero (menimpa --ramaya-header-bg padat di setiap palet). */
body.ramaya-scheme-gold-neutral,
body.ramaya-scheme-modern-dark,
body.ramaya-scheme-minimal-natural,
body.ramaya-scheme-blue-beige,
body.ramaya-scheme-luxury-contemporary,
body.ramaya-scheme-heritage-retreat,
body.ramaya-scheme-botanical-luxe,
body.ramaya-scheme-coastal-mediterranean,
body.ramaya-scheme-arctic-serenity,
body.ramaya-scheme-urban-nightlife {
	--ramaya-header-bg: var(--ramaya-hero-header-bg);
}