/* ═══════════════════════════════════════════════════════════════
   THEME: HOOT (Hijau Tua + Emas) -- PR75, tema bawaan baru.
   Hanya MENIMPA custom property (tanpa mengubah markup/JS), jadi semua halaman
   mengikuti otomatis. Tema lama (ocean, glass, dst.) tetap utuh dan bisa dipilih
   di Pengaturan > Tema. Kontras: teks putih di --primary-btn >= 6:1 (AA).
═══════════════════════════════════════════════════════════════ */
[data-theme="hoot"] {
  --theme-name: "Hoot";
  --primary:        #1F9D63;
  --primary-btn:    #0F6B3E;
  --on-primary:     #FFFFFF;
  --primary-dark:   #0F6B3E;
  --primary-deeper: #0A4A2B;
  --primary-light:  #E4F5EB;
  --primary-mid:    #5CC48A;
  --secondary:      #E8A317;
  --secondary-light:#FDF3D6;
  --accent:         #C9961A;
  --accent-light:   #FBEFC8;
  --sidebar-bg:     #0B2E1E;
  --sidebar-hover:  rgba(255,255,255,.08);
  --sidebar-active: rgba(242,185,59,.20);
  --sidebar-border: rgba(255,255,255,.10);
  --sidebar-text:   rgba(255,255,255,.72);
  --sidebar-text-active: #FFFFFF;
  --sidebar-accent: #F2B93B;
  --bg-main:        #F4F8F5;
  --bg-card:        #FFFFFF;
  --bg-glass:       rgba(255,255,255,.88);
  --text-primary:   #10261B;
  --text-secondary: #4B6356;
  --text-muted:     #7C9486;
  --border:         #E1ECE4;
  --border-mid:     #C7DACD;
  --grad-hero:      linear-gradient(135deg,#072A1A 0%,#0F6B3E 55%,#1F9D63 100%);
  --grad-card:      linear-gradient(135deg,#0F6B3E,#1F9D63);
  --grad-accent:    linear-gradient(135deg,#E8A317,#F2C14E);
}
/* Sentuhan emas yang aman: garis penanda menu aktif & fokus keyboard. */
[data-theme="hoot"] .sidebar-item.active { box-shadow: inset 3px 0 0 #F2B93B; }
[data-theme="hoot"] :focus-visible { outline: 2px solid #E8A317; outline-offset: 2px; }

/* PR79 — rapikan tata letak: tautan polos di dalam konten mengikuti warna tema (bukan biru bawaan browser) */
.app-content a:not([class]) { color: var(--primary-dark, #0F6B3E); text-decoration-color: color-mix(in srgb, currentColor 40%, transparent); text-underline-offset: 2px; }
.app-content a:not([class]):hover { color: var(--primary, #1F9D63); }