/* ============================================================
   TEMA WARNA — pilih di config/settings.php lewat 'tema' => 1..5

   Setiap tema hanya mendaftarkan dua set warna:
     --l-*  untuk mode terang
     --d-*  untuk mode gelap
   Blok "PERALIHAN" di bawah yang memilih mana yang dipakai,
   jadi menambah tema baru cukup menyalin satu blok saja.
   ============================================================ */

/* ---------- 1 · Dusty Rose & Gold ---------- */
:root,
[data-tema="1"] {
  --l-stage:#F0E2DE; --l-bg:#FBF5F2; --l-paper:#FFFDFC;
  --l-tint:#EFDCD8;  --l-tint-soft:#F7E9E6;
  --l-accent:#B76E79; --l-accent-deep:#9C5560; --l-heading:#6B3A44;
  --l-gold:#BE9C58;   --l-gold-soft:#DCC79A;
  --l-ink:#3A2A2D;    --l-muted:#8B7175;   --l-line:rgba(107,58,68,.16);

  --d-stage:#1A1214; --d-bg:#241A1D; --d-paper:#2B1F23;
  --d-tint:#3D2B30;  --d-tint-soft:#332428;
  --d-accent:#DFA2AC; --d-accent-deep:#EFBDC5; --d-heading:#EBD3D6;
  --d-gold:#D7B475;   --d-gold-soft:#8A6E43;
  --d-ink:#F3E8E6;    --d-muted:#B79EA1;   --d-line:rgba(223,162,172,.22);
}

/* ---------- 2 · Sage & Cream ---------- */
[data-tema="2"] {
  --l-stage:#E7EADF; --l-bg:#F8F7F1; --l-paper:#FFFFFE;
  --l-tint:#DDE4D6;  --l-tint-soft:#EEF1E8;
  --l-accent:#7C9070; --l-accent-deep:#62755A; --l-heading:#3F4F3C;
  --l-gold:#B49B62;   --l-gold-soft:#DCCCA4;
  --l-ink:#2F3A2E;    --l-muted:#79857A;   --l-line:rgba(63,79,60,.17);

  --d-stage:#131813; --d-bg:#1B211A; --d-paper:#222A21;
  --d-tint:#2E382C;  --d-tint-soft:#263021;
  --d-accent:#A8C09B; --d-accent-deep:#C4D8B8; --d-heading:#DFE9D8;
  --d-gold:#CBB27A;   --d-gold-soft:#6E5F3C;
  --d-ink:#E8EFE4;    --d-muted:#9CAB98;   --d-line:rgba(168,192,155,.22);
}

/* ---------- 3 · Navy & Gold ---------- */
[data-tema="3"] {
  --l-stage:#E4E9F2; --l-bg:#F7F8FB; --l-paper:#FFFFFF;
  --l-tint:#DCE2EE;  --l-tint-soft:#EBEFF7;
  --l-accent:#1F3A63; --l-accent-deep:#142944; --l-heading:#16294A;
  --l-gold:#B08D4A;   --l-gold-soft:#DFC894;
  --l-ink:#1E2735;    --l-muted:#6B7688;   --l-line:rgba(31,58,99,.17);

  --d-stage:#0C111B; --d-bg:#121826; --d-paper:#18202F;
  --d-tint:#24304A;  --d-tint-soft:#1C2538;
  --d-accent:#93B2E0; --d-accent-deep:#B6CCEE; --d-heading:#DEE8F8;
  --d-gold:#D7B76C;   --d-gold-soft:#6B5731;
  --d-ink:#EAF0FA;    --d-muted:#93A0B5;   --d-line:rgba(147,178,224,.22);
}

/* ---------- 4 · Terracotta & Beige ---------- */
[data-tema="4"] {
  --l-stage:#EFE1D0; --l-bg:#FAF4EC; --l-paper:#FFFCF7;
  --l-tint:#EAD8C4;  --l-tint-soft:#F5E9DA;
  --l-accent:#B5623C; --l-accent-deep:#93492A; --l-heading:#6E4028;
  --l-gold:#B98F55;   --l-gold-soft:#E0C79B;
  --l-ink:#3B2C21;    --l-muted:#8B7462;   --l-line:rgba(110,64,40,.17);

  --d-stage:#170F0A; --d-bg:#211913; --d-paper:#2A2019;
  --d-tint:#3B2C21;  --d-tint-soft:#2F241B;
  --d-accent:#E09A72; --d-accent-deep:#F0B792; --d-heading:#F2DCC9;
  --d-gold:#D9AE6D;   --d-gold-soft:#7A5C34;
  --d-ink:#F5E9DC;    --d-muted:#B49B85;   --d-line:rgba(224,154,114,.22);
}

/* ---------- 5 · Emerald & Gold ---------- */
[data-tema="5"] {
  --l-stage:#DFEAE2; --l-bg:#F4F8F5; --l-paper:#FFFFFF;
  --l-tint:#D3E3D8;  --l-tint-soft:#E6F0E9;
  --l-accent:#1F5F49; --l-accent-deep:#144635; --l-heading:#10402F;
  --l-gold:#B5933F;   --l-gold-soft:#E0CE96;
  --l-ink:#1E2B25;    --l-muted:#667A6F;   --l-line:rgba(16,64,47,.17);

  --d-stage:#0A120E; --d-bg:#0F1A15; --d-paper:#16231C;
  --d-tint:#22362B;  --d-tint-soft:#1A2A21;
  --d-accent:#7FC3A3; --d-accent-deep:#A2DAC0; --d-heading:#DCF0E4;
  --d-gold:#D6BC72;   --d-gold-soft:#6A5A2F;
  --d-ink:#E9F5EE;    --d-muted:#8FA79A;   --d-line:rgba(127,195,163,.22);
}

/* ============================================================
   PERALIHAN TERANG / GELAP
   Semua tampilan hanya memakai nama tanpa awalan (--bg, --accent, …),
   sehingga mengganti tema tidak menyentuh satu baris pun di base.css.
   ============================================================ */
:root {
  --stage:var(--l-stage); --bg:var(--l-bg); --paper:var(--l-paper);
  --tint:var(--l-tint);   --tint-soft:var(--l-tint-soft);
  --accent:var(--l-accent); --accent-deep:var(--l-accent-deep); --heading:var(--l-heading);
  --gold:var(--l-gold);   --gold-soft:var(--l-gold-soft);
  --ink:var(--l-ink);     --muted:var(--l-muted); --line:var(--l-line);
  --shadow:0 24px 60px -30px rgba(0,0,0,.35);
  color-scheme:light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --stage:var(--d-stage); --bg:var(--d-bg); --paper:var(--d-paper);
    --tint:var(--d-tint);   --tint-soft:var(--d-tint-soft);
    --accent:var(--d-accent); --accent-deep:var(--d-accent-deep); --heading:var(--d-heading);
    --gold:var(--d-gold);   --gold-soft:var(--d-gold-soft);
    --ink:var(--d-ink);     --muted:var(--d-muted); --line:var(--d-line);
    --shadow:0 24px 60px -30px rgba(0,0,0,.75);
    color-scheme:dark;
  }
}

:root[data-theme="dark"] {
  --stage:var(--d-stage); --bg:var(--d-bg); --paper:var(--d-paper);
  --tint:var(--d-tint);   --tint-soft:var(--d-tint-soft);
  --accent:var(--d-accent); --accent-deep:var(--d-accent-deep); --heading:var(--d-heading);
  --gold:var(--d-gold);   --gold-soft:var(--d-gold-soft);
  --ink:var(--d-ink);     --muted:var(--d-muted); --line:var(--d-line);
  --shadow:0 24px 60px -30px rgba(0,0,0,.75);
  color-scheme:dark;
}