/* ============================================================
   Palet turunan dari "Sky and sand" (design-taste-frontend library)
   Brief menetapkan terang; undian awal gelap → redraw, dicatat.

   Aturan rumah yang tetap dipatuhi:
   - satu ground, satu ink, aksen dipakai pada AKSI dan satu hal lain
   - tidak ada gradient dekoratif (scrim foto satu-satunya pengecualian)
   - tidak ada shadow pada elemen diam
   - permukaan dibedakan dengan langkah tonal, bukan garis

   Cara menambah warna tanpa melanggar aturan: setiap band mendapat
   satu "field" warna datar yang berbeda (colour chapters ringan),
   dan aksen utama tetap satu — biru tua untuk aksi.
   ============================================================ */

:root {
  /* ---- grounds: langit bertingkat ---- */
  --bg:        #eaf4fb;  /* ground utama, biru langit sangat muda */
  --surface:   #dcecf7;  /* langkah tonal 1 */
  --surface-2: #cbe4f2;  /* langkah tonal 2 (field kuat) */
  --surface-3: #f6fbfe;  /* langkah tonal terang */

  /* ---- fields berwarna: satu warna datar per band ---- */
  --field-sky:   #cbe4f2;
  --field-sea:   #cfe7ea;
  --field-mint:  #d6efe3;
  --field-lilac: #e6e1f7;

  /* ---- ink ---- */
  --ink:   #10283a;
  --muted: #35495a;

  /* ---- aksen utama: dipakai untuk aksi ---- */
  --accent:     #0f5ea8;
  --accent-ink: #ffffff;
  --accent-hov: #0b4a85;

  /* ---- aksen sekunder: hanya penanda, bukan tombol ---- */
  --mark:       #b0298f;  /* magenta: angka, penanda status */
  --mark-soft:  #f7d9ef;
  --ok:         #16694a;
  --warn:       #a8451c;
  --warn-soft:  #fbe3d8;

  /* ---- five type steps only ---- */
  --t-display: clamp(2.375rem, 1.45rem + 4.1vw, 4.75rem);
  --t-head:    clamp(1.625rem, 1.2rem + 1.7vw, 2.5rem);
  --t-lead:    clamp(1.125rem, 1.03rem + 0.4vw, 1.375rem);
  --t-body:    clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
  --t-small:   0.8125rem;

  --r: 3px;
  --m: clamp(1rem, 0.6rem + 2vw, 2rem);
  --gap-section: clamp(4.5rem, 2rem + 9vw, 8.5rem);

  --f-display: "League Spartan", ui-sans-serif, system-ui, sans-serif;
  --f-text: "Figtree", ui-sans-serif, system-ui, -apple-system, sans-serif;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}