/* ============================================================
   TEMA: paper (default)

   Kertas terang, tinta gelap, aksen mint. Nilai di sini persis seperti saat
   seluruh CSS masih menyatu di index.html — tema ini adalah tampilan Mini App
   yang sudah berjalan, bukan desain baru.

   Semua warna app tinggal di file tema. Tiga token di bawah ini dulunya satu
   (--ink) dan perlu dipisah begitu ada tema gelap:
     --ink        warna teks
     --rule       garis tegas (pembuka tabel, batas topbar/nav)
     --invert-bg  blok terbalik (hero upgrade, toast, segmen aktif)
   Di tema terang ketiganya kebetulan sama; di tema gelap tidak.
   ============================================================ */
:root{
  --paper:#f7f4ee; --panel:#fbf9f5; --panel-2:#f2eee5;
  --ink:#1a1814; --muted:#6f6a60; --faint:#7a7468;
  --line:#ddd7cc; --line-2:#cfc8ba;
  --mint:#0ec08a; --mint-d:#06795a; --down:#c0392b;
  --disp:'Sora',system-ui,sans-serif; --body:'Geist',system-ui,sans-serif; --mono:'JetBrains Mono',monospace;
  --raise:0 14px 26px -18px rgba(26,24,20,.5), 0 1px 0 #fff inset;

  /* Latar di luar lebar app (terlihat di layar lebar). */
  --bg:#e9e4da;
  /* Warna chrome Telegram (header webview) + <meta name="theme-color">.
     Dibaca app.js saat boot, jadi harus hex literal. */
  --chrome:#fbf9f5;

  --rule:#1a1814;
  --invert-bg:#1a1814; --invert-fg:#f7f4ee;
  --on-mint:#06251a;
  --input-bg:#fff;

  /* Tekstur kertas. url() di file CSS di-resolve relatif ke file CSS-nya,
     bukan ke halaman — jadi path ini benar baik saat disajikan backend
     (/public/miniapp/themes/) maupun saat dihost statis. */
  --tex:url('../assets/project_papper.png');

  --app-shadow:0 0 50px rgba(26,24,20,.18);
  --raise-2:0 14px 26px -18px rgba(26,24,20,.5);
  --raise-3:0 10px 22px -14px rgba(26,24,20,.35),0 1px 0 #fff inset;
  --raise-4:0 6px 12px -8px rgba(26,24,20,.6),0 1px 0 #fff inset;
  --btn-shadow:0 8px 16px -10px rgba(6,121,90,.9);
  --hero-shadow:0 20px 34px -20px rgba(26,24,20,.75);
  --toast-shadow:0 16px 30px -16px rgba(26,24,20,.8);

  --warn-bg:rgba(201,138,26,.1); --warn-line:rgba(201,138,26,.3); --warn-ink:#a8791b;
  --veil:rgba(247,244,238,.72);
  --sk-hl:#e7e2d7;
  --tick:rgba(14,192,138,.22);
  --err-line:rgba(192,57,43,.35); --err-bg:rgba(192,57,43,.08);
}