/* ============================================================================
 * The White Lyst — Design Tokens  (RE-SKIN dari template Emerald → brand COPPER)
 * ----------------------------------------------------------------------------
 * Brand anchor SS = copper #A0764F (logo WL). Skala 50–950 diturunkan tangan
 * (tidak ada engine di repo). Neutral dihangatkan tipis agar harmonis dgn copper,
 * tetap mempertahankan signature "kartu mengambang + shadow lembut".
 * Status = extracted (TIDAK di-reskin). Chart = copper-mono.
 * Nama token --em-* SENGAJA dipertahankan supaya seluruh CSS/skeleton Emerald
 * tetap berlaku; hanya NILAI yang berubah. Ganti anchor → ramp ikut.
 * ========================================================================== */
:root{
  /* brand copper 50–950 */
  --em-brand-50:#f9f4ee;--em-brand-100:#f1e6d7;--em-brand-200:#e3cdb1;--em-brand-300:#d0ad82;--em-brand-400:#b88d5c;--em-brand-500:#a0764f;--em-brand-600:#876142;--em-brand-700:#6e4e36;--em-brand-800:#563d2b;--em-brand-900:#3e2d20;--em-brand-950:#271c14;
  /* neutral warm-tint 50–950 */
  --em-n-50:#f7f5f3;--em-n-100:#eeece9;--em-n-200:#ddd9d4;--em-n-300:#c4bfb8;--em-n-400:#a8a29a;--em-n-500:#8d8780;--em-n-600:#736d66;--em-n-700:#5d5852;--em-n-800:#47433e;--em-n-900:#332f2b;--em-n-950:#1f1c19;
  /* aksi (copper gelap, AA di atas putih + teks putih AA) */
  --em-primary:#6e4e36;--em-primary-hover:#563d2b;--em-primary-active:#3e2d20;--em-primary-fg:#ffffff;
  /* ekspresi (copper terang) — hero/banner/chart */
  --em-feature:#a0764f;--em-feature-deep:#6e4e36;
  --em-canvas:#f7f5f3;--em-card:#ffffff;--em-fg:#332f2b;--em-fg-muted:#5d5852;
  --em-border:#ddd9d4;--em-ring:#6e4e36;
  /* status extracted — TIDAK di-reskin (makna tetap) */
  --em-success:#28c76f;--em-warning:#ff9f43;--em-error:#ea5455;--em-info:#00cfe8;
  /* chart copper-mono */
  --em-c1:#7a5639;--em-c2:#a0764f;--em-c3:#c0966a;--em-c4:#d9b388;--em-c5:#8a6242;
  --em-radius:10px;--em-radius-card:16px;
  /* elevation raised — shadow ber-tint HANGAT (sejajar brand copper) */
  --em-shadow-card:0 2px 8px -2px rgba(61,45,32,.12), 0 1px 2px rgba(61,45,32,.06);
}
.dark{
  --em-primary:#b88d5c;--em-primary-hover:#d0ad82;--em-primary-active:#e3cdb1;--em-primary-fg:#1f1c19;
  --em-feature:#b88d5c;--em-feature-deep:#6e4e36;
  --em-canvas:#1f1c19;--em-card:#332f2b;--em-fg:#f7f5f3;--em-fg-muted:#c4bfb8;
  --em-border:#47433e;--em-ring:#b88d5c;
  --em-shadow-card:0 2px 10px -2px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.4);
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}