/* ==========================================================================
   TEMA: Teal Koral (bawaan)
   Desain bawaan: teal tua, koral, dan kuning mentega dengan huruf Poppins.

   Cara membuat tema baru:
   1. Salin folder ini, mis. assets/themes/nama-tema/
   2. Ubah nilai variabel di bawah dan isi theme.json
   3. Pilih tema di Admin → Pengaturan Situs (tersimpan di tbl_identitas.tema)
   Seluruh nama variabel di bawah WAJIB ada; aturan CSS tambahan boleh ditulis
   di bagian paling bawah untuk mengubah tampilan lebih jauh.
   ========================================================================== */

:root {
  /* Warna utama (header, navbar, footer, judul) */
  --primary: #0f4c5c;
  --heading: var(--primary);          /* warna teks judul di atas permukaan */
  --primary-dark: #0a3742;
  --primary-soft: #17687d;      /* cahaya pada latar banner */
  --hero-deep: #0a3540;         /* gradasi banner */
  --hero-deepest: #051c22;

  /* Aksen (tombol, ikon, tautan saat hover) */
  --accent: #e76f51;
  --accent-hover: #cf5a3d;
  --accent-soft: #fcebe5;

  /* Sorotan (judul banner, garis bawah, lencana) */
  --highlight: #f4d35e;
  --highlight-soft: #fdf8e1;
  --on-highlight: #1a1a1a;      /* teks di atas warna sorotan */

  --link: #127a8f;

  /* Permukaan & teks */
  --bg: #f2f7f7;
  --surface: #ffffff;
  --text: #1f3438;
  --text-soft: #33494e;
  --muted: #5f7378;
  --meta: #84969a;
  --line: #d9e6e8;
  --line-soft: #e5eeef;

  /* Teks di atas latar gelap (header, banner, footer) */
  --on-dark: #ffffff;
  --on-dark-muted: #cbe3e8;
  --on-dark-faint: #7fa9b3;

  /* Bayangan: nilai R, G, B */
  --shadow-rgb: 15, 76, 92;

  /* Tipografi */
  --font-body: 'Poppins', sans-serif;
  --font-heading: 'Poppins', sans-serif;

  /* Bentuk */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 14px;

  /* Motif garis pada banner & header halaman (isi 'none' untuk polos) */
  --hero-pattern: repeating-linear-gradient(135deg, transparent 0 40px, rgba(255, 255, 255, .03) 40px 80px);
}