/* ============================================================================
   Indobox Farmers · tema v4 "Jalur Kebun" (brief 07 §1; sumber: docs/ui-ref/v4/v4.css)
   SATU-SATUNYA sumber warna, bentuk, dan tipografi farmers-app. Blok :root pertama
   disalin apa adanya dari v4.css (warna dari logo Indobox Farmers). Blok kedua hanya
   turunan: nilai yang di mock masih ditulis hex langsung, ukuran kerangka, penutup dialog.
   Kedalaman = "bibir" padat (box-shadow 0 4px 0 warna lebih gelap); tanpa bayangan kabur,
   tanpa gradien, tanpa blur/glow, tanpa ungu.
   ============================================================================ */
:root{
  --font:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  /* dari logo */
  --navy:#0C2454; --ink:#14213D; --ink-2:#2E3A55; --muted:#5B6478;
  --bg:#FFFFFF; --bg-soft:#F7F7F7; --line:#E5E5E5; --line-2:#D4D8DE; --off:#AFAFAF;
  --leaf:#58B22F; --leaf-2:#46A11F; --leaf-lip:#357A16; --leaf-light:#8BD45E; --leaf-soft:#EEF8E6;
  --green:#2C8420; --green-lip:#1F6216; --green-soft:#E8F7DD;           /* aksi utama, teks hijau 4.7:1 di putih */
  --amber:#E39B10; --amber-lip:#B57905; --amber-ink:#9A5B00; --amber-soft:#FFF4DC;  /* FARMERS / panen */
  --sun:#FFC93C; --sun-soft:#FFF7DB;
  --sky:#49B6F0; --sky-lip:#2A8FC7; --sky-ink:#0B6FA4; --sky-soft:#E3F5FE;  /* pilihan & info */
  --soil:#8A5230; --soil-2:#5C3018; --soil-ink:#6B3A1E; --soil-soft:#F6EBE3;
  --red:#D14343; --red-ink:#B42F2F; --red-soft:#FDE7E7;
  /* bentuk */
  --r-card:20px; --r-btn:16px; --r-opt:16px; --r-pill:999px;
  --lip:4px;
  /* tipe */
  --fs-body:18px; --fs-small:16px; --fs-label:14px; --fs-h1:28px; --fs-h2:22px; --fs-hero:60px;
}
@media (min-width:1024px){ :root{ --fs-body:17px; --fs-h1:32px; } }

/* turunan (bukan warna baru di palet): */
:root{
  --white:#FFFFFF;                  /* teks/ikon putih di atas isian berwarna (= --bg) */
  --sky-ink-lip:#07537B;            /* bibir tombol biru (v4.css .btn-sky) */
  --amber-soft-lip:#F1D79D;         /* bibir peti panen (v4.css .node.chest) */
  --sky-line:#BFE6FB;               /* garis kartu narasi biru muda (mock rapor) */
  --shine:rgba(255,255,255,.38);    /* kilau progres = bentuk putih transparan, bukan gradien */
  --on-green-line:rgba(255,255,255,.28);   /* pemisah tombol Panduan di banner hijau */
  --scrim:rgba(20,33,61,.5);        /* penutup di belakang dialog/lembar: --ink 50% */
  /* teks hijau di atas latar hijau muda memakai --green-lip (6,7:1); --green di --leaf-soft hanya 4,3:1 */
  --green-on-soft:var(--green-lip);
  /* kerangka */
  --topbar-h:64px; --tabbar-h:74px; --side-w:260px; --rail-w:320px; --col:620px; --col-wide:1040px; --pad-x:16px;
}
@media (min-width:1280px){ :root{ --rail-w:380px; } }