/* ===========================================================================
   TEMA CLIENT — WARUNG SEMBAKO TASIK
   ---------------------------------------------------------------------------
   File ini DILINDUNGI `merge=ours` (lihat .gitattributes), jadi isinya MILIK
   branch `sembakotasik`. Saat menarik fitur baru dari dev:

       dev  ──git pull/merge──►  sembakotasik

   fungsi ikut ter-update, tetapi warna & logo di web/static/spesific/** tetap
   milik client ini.

   ATURAN YANG WAJIB DIJAGA
   1. JANGAN menaruh kode FITUR di sini. Hanya warna, logo, dan aset merek.
      Apa pun yang masuk folder ini BEKU di branch client — ia tidak akan
      pernah ikut ter-update dari dev, dan lama-lama menyimpang diam-diam.
   2. Setiap clone WAJIB menjalankan SEKALI:
          git config merge.ours.driver true
      Tanpa itu `merge=ours` diam-diam jadi merge biasa dan tema ini tertimpa
      tanpa peringatan apa pun.
   3. Tarik dari dev DARI LAPTOP (`git pull origin dev`), BUKAN tombol
      "Merge pull request" di GitHub — GitHub tidak memakai merge driver
      lokal. Pastikan juga `pull.rebase=false`; rebase tidak menjalankan
      merge=ours.
   4. JANGAN merge branch client ke dev. Arahnya satu jalan saja, kalau
      dibalik tampilan dev ikut berubah jadi hijau.

   Palet diambil dari webpanel-ecommerce branch `sembakotasik`
   (view/assets/spesific/css/style.css) supaya storefront dan panel memakai
   warna merek yang sama.
   =========================================================================== */

:root {
  /* Warna merek Sembako Tasik. Ditulis sebagai HEX (bukan rgb()) karena
     color-mix() di layout memakainya untuk menurunkan tint. */
  --tema-hijau: #1e9650; /* rgb(30, 150, 80)  */
  --tema-hijau-gelap: #167840; /* rgb(22, 120, 64) */
  --tema-hijau-tua: #155030; /* rgb(21, 80, 48)  */
  --tema-aksi: #f08c32; /* rgb(240, 140, 50) */
  --tema-aksi-gelap: #d6691e; /* rgb(214, 105, 30) */

  /* ---- Pemetaan ke variabel storefront (assets/css/styles.css) ----
     Nama variabel di storefront masih memakai kosakata teal/hijau bawaan
     ("--green", "--deep-teal", "--mint"). Yang diubah di sini NILAINYA saja,
     bukan namanya — mengganti nama berarti menyentuh seluruh stylesheet
     bersama, dan itu justru yang harus dihindari di branch client. */
  --green: var(--tema-hijau);
  --green-dark: var(--tema-hijau-gelap);
  --green-soft: #dcf2e4;
  --deep-teal: var(--tema-hijau-gelap);

  --teal: #4fba7f;
  --mint: #8fd3ab;
  --mint-light: #c3e8d3;
  --line: #cfe8da;
  --soft: #f1faf4;

  /* --orange & --blue di storefront sebenarnya bernuansa teal (aksen kedua),
     bukan oranye/biru sungguhan. Diselaraskan ke keluarga hijau agar tidak
     ada sisa teal yang tertinggal di komponen yang memakainya. */
  --orange: var(--tema-hijau-gelap);
  --orange-soft: #dcf2e4;
  --blue: #57c184;
  --purple: #3f9e6a;

  /* Ramp lanjutan. Variabel ini dulunya nilai teal yang HARDCODED di
     assets/css/styles.css; setelah dipindah ke :root, seluruh tombol,
     gradasi, dan ikon ikut berubah hijau dari sini. */
  --green-darker: #10532f;
  --green-deep: #14663c;
  --brand-soft-1: #6cc496;
  --brand-soft-2: #9bd9b7;

  /* Bentuk rgba() (bayangan, garis tipis, sorotan) — dipakai sebagai
     rgba(var(--x-rgb), a) di stylesheet bersama. Tanpa menimpanya, semua
     transparansi tetap berwarna teal di atas UI hijau. */
  --green-rgb: 30, 150, 80;
  --deep-teal-rgb: 22, 120, 64;
  --green-deep-rgb: 20, 102, 60;
  --shadow-rgb: 21, 80, 48;
  --brand-pale-rgb: 205, 238, 218;

  /* Tint pucat untuk latar & gradasi lembut. */
  --brand-ice: #eafaf0;
  --brand-wash: #edf8f1;
  --brand-wash-2: #eff9f3;
  --brand-wash-3: #f0f9f4;
  --brand-wash-4: #f2fbf6;
  --brand-wash-5: #e7f3ec;

  /* Bayangan mengikuti warna merek — bayangan biru-teal di atas UI hijau
     terlihat kotor. */
  --shadow: 0 18px 44px rgba(21, 80, 48, 0.14);
  --shadow-soft: 0 10px 26px rgba(21, 80, 48, 0.08);
}

/* Aksen PROMO SENGAJA TIDAK DIUBAH.
   Di storefront, promo memakai kuning-ke-koral justru supaya menonjol di luar
   keluarga warna merek (lihat komentarnya di assets/css/styles.css). Karena
   merek client ini hijau, oranye promo tetap kontras dan tetap terbaca sebagai
   "penawaran" — menghijaukannya akan membuat tombol promo tenggelam di antara
   tombol biasa. */