/* Palette variations for the original guide. Layout and content live in style.css.
   The existing Light theme is deliberately left unchanged. */

/* Desert: pale limestone, sun-warmed sand, terracotta and bronze. */
:root[data-theme="desert"] {
  color-scheme: light;
  --ink: #fbf5e9;
  --ink-2: #fffaf2;
  --ink-3: #f0e4d1;
  --emerald: #efe0c7;
  --emerald-hi: #e6cdb0;
  --gold: #986a31;
  --gold-hi: #80512e;
  --gold-deep: #b58b4f;
  --ivory: #49382c;
  --parchment: #e8d7bc;
  --text: #604b3c;
  --text-dim: #7a6754;
  --teal: #9b573b;
  --rose: #a1594d;
  --ok: #4f714d;
  --bad: #a44d3e;
  --gold-grad: linear-gradient(115deg, #80512e 0%, #b3884b 35%, #9a693a 65%, #80512e 100%);
}

html[data-theme="desert"] body {
  background-color: var(--ink);
  background-image:
    radial-gradient(ellipse 85% 42% at 6% 0%, #efddbfaa, transparent 65%),
    radial-gradient(ellipse 70% 36% at 96% 0%, #f1d9cdb3, transparent 65%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23ac8657' stroke-opacity='.085' stroke-width='.7'%3E%3Cpath d='m48 6 10 32 32-10-20 20 20 20-32-10-10 32-10-32L6 68l20-20L6 28l32 10z'/%3E%3Ccircle cx='48' cy='48' r='7'/%3E%3C/g%3E%3C/svg%3E");
}
html[data-theme="desert"] #progress-bar { background:linear-gradient(90deg,#b47f4b,#cbab75,#af6d53); box-shadow:0 0 10px #b47f4b30; }
html[data-theme="desert"] #site-nav { background:#fcf7edea; border-bottom-color:#e4d6c399; }
html[data-theme="desert"] #site-nav.scrolled { background:#fffaf3f2; box-shadow:0 6px 30px #7955300a; }
html[data-theme="desert"] .brand-star { fill:#a06d3d; filter:none; }
html[data-theme="desert"] .lang-toggle,
html[data-theme="desert"] .theme-toggle { border-color:#dcc8ae; background:#fffdf880; color:#80532f; }
html[data-theme="desert"] .lang-toggle span[data-l].on { color:#8a4f31; text-shadow:none; }
html[data-theme="desert"] #nav-links a.nav-quiz { background:#9c593d; color:#fffaf2; }
html[data-theme="desert"] .hero-glow { background:radial-gradient(circle,#ead2a880,transparent 70%); }
html[data-theme="desert"] .hero-scrim { background:radial-gradient(ellipse 70% 63% at 50% 46%,#fbf5e9f2 0%,#fbf5e9b3 48%,#fbf5e900 80%); }
html[data-theme="desert"] .hero-geometry>svg { filter:drop-shadow(0 0 20px #c69c6316); }
html[data-theme="desert"] #hg stop:first-child { stop-color:#ba9b68; }
html[data-theme="desert"] #hg stop:nth-child(2) { stop-color:#c99265; }
html[data-theme="desert"] #hg stop:last-child { stop-color:#a97650; }
html[data-theme="desert"] #hgCore stop { stop-color:#d9b47a; }
html[data-theme="desert"] #hgVeil stop { stop-color:#fbf5e9; }
html[data-theme="desert"] .hero-mote { background:#c39c67; box-shadow:0 0 7px #bc8c5b3d; }
html[data-theme="desert"] .hero-bismillah { color:#a16b42; text-shadow:0 3px 22px #b48c5514; }
html[data-theme="desert"] .hero h1 { background-image:linear-gradient(105deg,#765238 10%,#ac6946 48%,#8a693c 85%); }
html[data-theme="desert"] .btn-gold { background:#9c593d; color:#fffaf2; border-color:#9c593d; box-shadow:0 6px 20px #9c593d1a; }
html[data-theme="desert"] .btn-gold:hover { background:#82472f; box-shadow:0 10px 26px #9c593d24; }
html[data-theme="desert"] .btn-ghost { border-color:#d0b797; color:#855333; background:#fffaf180; }
html[data-theme="desert"] .btn-ghost:hover { background:#f2e4cd; }
html[data-theme="desert"] .stat-n { color:#9b633f; }
html[data-theme="desert"] .stat+.stat::before { color:#bca47c; }
html[data-theme="desert"] section.tint { background:linear-gradient(180deg,#f0e4d388,#f6eddf00); }
html[data-theme="desert"] .card { background:linear-gradient(155deg,#fffaf2,#f6ecdc); border-color:#e4d6bf; box-shadow:0 5px 22px #79553004; }
html[data-theme="desert"] .card:nth-child(3n+2) { background:linear-gradient(155deg,#fffaf2,#f7e9df); }
html[data-theme="desert"] .card:hover { border-color:#cbb08d; box-shadow:0 16px 35px #7955300b; }
html[data-theme="desert"] .card::before { filter:sepia(.35); opacity:.65; }
html[data-theme="desert"] blockquote.verse,
html[data-theme="desert"] .hadith-stage { background:radial-gradient(ellipse at top,#ecd8b566,transparent 68%),#fffaf2e6; border-color:#d9c4a4; box-shadow:0 12px 38px #79553005; }
html[data-theme="desert"] .name-front { background:radial-gradient(ellipse at top,#ead9bd80,transparent 72%),linear-gradient(170deg,#fffcf6,#f5e8d2); border-color:#dec9aa; }
html[data-theme="desert"] .name-front .ar { color:#94613c; }
html[data-theme="desert"] .name-back { background:linear-gradient(155deg,#e8cfac,#f3e7d2); border-color:#c4a176; color:#5b412b; }
html[data-theme="desert"] .timeline::before { background:linear-gradient(transparent,#c6a37299 8%,#c6a37299 92%,transparent); }
html[data-theme="desert"] .t-item::before { filter:sepia(.55) saturate(.6); }
html[data-theme="desert"] .sermon-q { background:#f1e4d2cc; border-left-color:#b08a52; color:var(--ivory); }
html[data-theme="desert"] .pillar-tab { background:#fffaf2e6; border-color:#ddc9ac; color:#80654c; box-shadow:0 3px 12px #79553003; }
html[data-theme="desert"] .pillar-tab.on { background:linear-gradient(150deg,#ecd6b8,#f3e4d2); border-color:#c69c72; box-shadow:0 9px 22px #ad7b4512; }
html[data-theme="desert"] .pillar-tab.on .p-num,
html[data-theme="desert"] .pillar-tab.on .p-ar,
html[data-theme="desert"] .pillar-tab.on .p-name { color:#77482d; }
html[data-theme="desert"] .pillar-panel { background:#fffaf2; border-color:#dfcdb2; box-shadow:0 14px 40px #79553005; }
html[data-theme="desert"] .pillar-fact { background:#f2e5cd; border-color:#cab084; }
html[data-theme="desert"] .acc-item { border-bottom-color:#d8c6a84d; }
html[data-theme="desert"] .qfacts { background:#d4bc98; border-color:#d4bc98; }
html[data-theme="desert"] .chain-item::before { background:#c2a47766; }
html[data-theme="desert"] .hadith-nav button { border-color:#c5a97f; }
html[data-theme="desert"] .hadith-nav button:hover { background:#ead7b8; }
html[data-theme="desert"] .hadith-dots i { background:#d8c2a1; }
html[data-theme="desert"] .hadith-dots i.on { background:#9b633f; }
html[data-theme="desert"] .book { background:linear-gradient(150deg,#fffaf2,#f1e2c8); border-color:#dfc9a6; border-left-color:#b78c50; }
html[data-theme="desert"] .video-card { background:#fffaf2; border-color:#e0ccb0; box-shadow:0 8px 25px #79553005; }
html[data-theme="desert"] .video-thumb::after { background:linear-gradient(180deg,#583d2510,#583d2566); }
html[data-theme="desert"] .video-play { color:#fffaf2; border-color:#fffaf2b3; background:#8b5436df; box-shadow:0 0 0 0 #ba8d5855; }
html[data-theme="desert"] .video-thumb:hover .video-play { background:#a46942; color:#fffaf2; }
html[data-theme="desert"] .gloss-search { background:#fffaf2; border-color:#d9c2a0; }
html[data-theme="desert"] .gloss-item { background:#fffaf2e6; border-color:#e3d2b7; }
html[data-theme="desert"] .gloss-item:hover { border-color:#b68d5c; }
html[data-theme="desert"] #quiz { background:radial-gradient(ellipse 85% 50% at 50% 0%,#edd9be99,transparent 65%),linear-gradient(180deg,#f4e6d499,transparent); }
html[data-theme="desert"] .quiz-shell { background:#fffaf2f0; border-color:#d8bf99; box-shadow:0 20px 70px #79553009; }
html[data-theme="desert"] .quiz-shell::before { border-color:#eadcc5; }
html[data-theme="desert"] .q-level { background:linear-gradient(160deg,#fcf5e8,#f2e3cf); border-color:#ddc5a1; }
html[data-theme="desert"] .q-level:hover { border-color:#bb945e; box-shadow:0 12px 28px #9b6c3610; }
html[data-theme="desert"] .q-opt { background:#fffcf5; border-color:#dfcbae; }
html[data-theme="desert"] .q-opt:hover { background:#f3e4ce; border-color:#bc9765; }
html[data-theme="desert"] .q-opt:hover .q-letter { background:#a37343; color:#fffaf2; }
html[data-theme="desert"] .q-opt.correct { background:#eff3e4; border-color:#9bad7f; }
html[data-theme="desert"] .q-opt.wrong { background:#fbe8df; border-color:#c8977e; }
html[data-theme="desert"] .q-opt.correct .q-letter { background:#5d794f; border-color:#5d794f; color:#fffaf2; }
html[data-theme="desert"] .q-opt.wrong .q-letter { background:#a75a44; border-color:#a75a44; color:#fffaf2; }
html[data-theme="desert"] .q-feedback.good { background:#f1f4e7; border-color:#b4c49a; }
html[data-theme="desert"] .q-feedback.bad { background:#fbece3; border-color:#d7b39a; }
html[data-theme="desert"] .q-fact-card { background:linear-gradient(150deg,#f7edda,#f4e4d2); border-color:#dbc6a2; }
html[data-theme="desert"] .q-progress,
html[data-theme="desert"] .score-ring .ring-bg { background:#e9d8bc; stroke:#e9d8bc; }
html[data-theme="desert"] #contact { background:linear-gradient(180deg,#efdfc7aa,transparent); }
html[data-theme="desert"] .contact-form input,
html[data-theme="desert"] .contact-form textarea { background:#fffaf2; border-color:#d8c19f; }
html[data-theme="desert"] .contact-form input:focus,
html[data-theme="desert"] .contact-form textarea:focus,
html[data-theme="desert"] .gloss-search:focus { border-color:#a67845; box-shadow:0 0 0 3px #b8965f22; }
html[data-theme="desert"] #site-footer { background:linear-gradient(180deg,transparent,#f0e1c9); border-color:#ddc8a9; }
html[data-theme="desert"] #site-footer .f-sources a { text-decoration-color:#b58b594d; }
html[data-theme="desert"] #to-top { background:#fffaf2f0; border-color:#d0b28a; color:#94613c; box-shadow:0 6px 24px #79553010; }
html[data-theme="desert"] #to-top:hover { background:#9c593d; color:#fffaf2; }
html[data-theme="desert"] :focus-visible { outline-color:#b58c59; }

/* Dark: keep the original manuscript's gold and ivory, with a quieter ink
   background in place of saturated green surfaces. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: #151c21;
  --ink-2: #1c252c;
  --ink-3: #242f35;
  --emerald: #2b383c;
  --emerald-hi: #35474b;
  --gold: #c2a466;
  --gold-hi: #dfc998;
  --gold-deep: #987e4f;
  --ivory: #f0eadb;
  --parchment: #e5ddc9;
  --text: #d4cdbd;
  --text-dim: #b2aa98;
  --teal: #9cb4ae;
  --rose: #c58e86;
  --ok: #a5bd96;
  --bad: #d49c8f;
  --gold-grad: linear-gradient(115deg,#ac8c51 0%,#dfc998 33%,#c2a466 65%,#e9d9af 100%);
}
html[data-theme="dark"] body {
  background-color:var(--ink);
  background-image:
    radial-gradient(ellipse 90% 60% at 50% -10%,#45535d55,transparent 65%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23c2a466' stroke-opacity='.045' stroke-width='.8'%3E%3Cpath d='m48 6 10 32 32-10-20 20 20 20-32-10-10 32-10-32L6 68l20-20L6 28l32 10z'/%3E%3Ccircle cx='48' cy='48' r='7'/%3E%3C/g%3E%3C/svg%3E");
}
html[data-theme="dark"] #progress-bar { box-shadow:0 0 12px #c2a46655; }
html[data-theme="dark"] #site-nav { background:#151c21b3; backdrop-filter:blur(16px); border-bottom:1px solid #b99d6730; }
html[data-theme="dark"] #site-nav.scrolled { background:#192127f2; box-shadow:0 1px 0 #c2a4662e,0 12px 40px #00000030; }
html[data-theme="dark"] .brand-star { filter:drop-shadow(0 0 6px #c2a46630); }
html[data-theme="dark"] .lang-toggle,
html[data-theme="dark"] .theme-toggle { background:#1b242b80; border-color:#b49a684d; }
html[data-theme="dark"] .lang-toggle span[data-l].on { text-shadow:none; }
html[data-theme="dark"] .hero-glow { background:radial-gradient(circle,#57677344,transparent 68%); }
html[data-theme="dark"] .hero-scrim { background:radial-gradient(ellipse 82% 64% at 50% 46%,#121b22d1 0%,#121b2280 48%,#121b2200 78%); }
html[data-theme="dark"] .hero-geometry>svg { filter:drop-shadow(0 0 22px #c2a46612); }
html[data-theme="dark"] #hg stop:first-child { stop-color:#a18a5e; }
html[data-theme="dark"] #hg stop:nth-child(2) { stop-color:#d8c18d; }
html[data-theme="dark"] #hg stop:last-child { stop-color:#c2a466; }
html[data-theme="dark"] #hgCore stop { stop-color:#c6b07c; }
html[data-theme="dark"] #hgVeil stop { stop-color:#151c21; }
html[data-theme="dark"] .hero-mote { background:#d2bf97; box-shadow:0 0 7px #d2bf9759; }
html[data-theme="dark"] .hero-bismillah { text-shadow:0 0 26px #c2a46626; }
html[data-theme="dark"] .btn-gold { color:#241f16; box-shadow:0 6px 24px #c2a46624; }
html[data-theme="dark"] .btn-gold:hover { box-shadow:0 12px 34px #c2a46638; }
html[data-theme="dark"] section.tint { background:linear-gradient(180deg,#2b383c3d,#2b383c0d); }
html[data-theme="dark"] .card { background:linear-gradient(160deg,#2b383c88,#1c252cb3); border-color:#c2a46638; }
html[data-theme="dark"] .card:hover { border-color:#c2a46680; box-shadow:0 18px 44px #0000003b; }
html[data-theme="dark"] blockquote.verse,
html[data-theme="dark"] .hadith-stage { background:radial-gradient(ellipse at top,#c2a4660d,transparent 65%),#1c252ca6; border-color:#c2a4664d; }
html[data-theme="dark"] .name-front { background:radial-gradient(ellipse at top,#c2a46614,transparent 70%),linear-gradient(170deg,#29363e,#1c252c); }
html[data-theme="dark"] .name-back { background:linear-gradient(170deg,#c6ac79,#a58b5b); color:#261f14; }
html[data-theme="dark"] .sermon-q { background:#1c252c9c; }
html[data-theme="dark"] .pillar-tab { background:#1c252ca6; border-color:#c2a4664d; }
html[data-theme="dark"] .pillar-tab.on { background:linear-gradient(170deg,#c6ac79,#a58b5b); color:#261f14; box-shadow:0 10px 30px #c2a46626; }
html[data-theme="dark"] .pillar-tab.on .p-num,
html[data-theme="dark"] .pillar-tab.on .p-ar,
html[data-theme="dark"] .pillar-tab.on .p-name { color:#261f14; }
html[data-theme="dark"] .pillar-panel { background:#1c252ca6; border-color:#c2a4664d; }
html[data-theme="dark"] .pillar-fact { background:#342f254d; border-color:#a98e5f4d; }
html[data-theme="dark"] .book { background:linear-gradient(160deg,#2b383c88,#1c252cb3); border-color:#c2a4664d; border-left-color:var(--gold); }
html[data-theme="dark"] .video-card { background:#1c252c; border-color:#c2a46638; }
html[data-theme="dark"] .video-thumb::after { background:linear-gradient(180deg,#151c211a,#151c218c); }
html[data-theme="dark"] .video-play { background:#151c21cc; }
html[data-theme="dark"] .gloss-search,
html[data-theme="dark"] .contact-form input,
html[data-theme="dark"] .contact-form textarea { background:#1c252cc4; border-color:#c2a4664d; }
html[data-theme="dark"] .gloss-item { background:#1c252c9c; border-color:#c2a46633; }
html[data-theme="dark"] #quiz { background:radial-gradient(ellipse 80% 50% at 50% 0%,#45535d59,transparent 60%),linear-gradient(180deg,#2b383c47,transparent); }
html[data-theme="dark"] .quiz-shell { background:#151c21d9; border-color:#c2a46659; }
html[data-theme="dark"] .q-level { background:linear-gradient(165deg,#2b383c88,#1c252ccc); border-color:#c2a4664d; }
html[data-theme="dark"] .q-opt { background:#1c252cb3; border-color:#c2a46640; }
html[data-theme="dark"] .q-opt:hover { background:#c2a46614; }
html[data-theme="dark"] .q-opt.correct { background:#82966e26; border-color:#9ab58b; }
html[data-theme="dark"] .q-opt.wrong { background:#b4786626; border-color:#d49c8f; }
html[data-theme="dark"] .q-feedback.good { background:#82966e17; border-color:#9ab58b66; }
html[data-theme="dark"] .q-feedback.bad { background:#b4786617; border-color:#d49c8f66; }
html[data-theme="dark"] .q-fact-card { background:linear-gradient(160deg,#2b383c73,#1c252ca6); border-color:#c2a46640; }
html[data-theme="dark"] #contact { background:linear-gradient(180deg,#2b383c3d,transparent); }
html[data-theme="dark"] #site-footer { background:linear-gradient(180deg,transparent,#1c252ccc); border-color:#c2a46633; }
html[data-theme="dark"] #to-top { background:#1c252ceb; border-color:#c2a46666; }
html[data-theme="dark"] :focus-visible { outline-color:#bca775; }

@media(max-width:1200px) {
  html[data-theme="desert"] #nav-links { background:#fff9effa; border-color:#dcc8aa; box-shadow:-15px 0 55px #79553014; }
  html[data-theme="desert"] #nav-links a { border-bottom-color:#e8d9c1; }
  html[data-theme="dark"] #nav-links { background:#192127fa; border-color:#b69b6840; box-shadow:-15px 0 55px #00000045; }
}