/*
Theme Name: Adaapa (Astra Child)
Template: astra
*/

/* -----------------------------------------
   DESIGN TOKENS
   File ini sengaja dibiarkan minimal (cuma header wajib WordPress
   + token warna/font) supaya gampang ditemukan. Style komponen
   sesungguhnya ada di assets/css/*.css (di-enqueue lewat
   inc/setup.php), BUKAN di sini — jangan tambah rule baru di file
   ini, itu justru sumber masalah "style ditempel di ujung file"
   yang bikin tema ini perlu dirapikan dari awal.
----------------------------------------- */
:root {
  --ja-bg: #ffffff;
  --ja-surface: #f5f8fc;
  --ja-border: #dbe4f0;
  --ja-text: #14213d;
  --ja-text-muted: #5b6b85;
  --ja-text-faint: #96a3b8;
  --ja-accent: #1d4ed8;
  --ja-accent-dark: #14328c;
  --ja-font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --ja-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ja-radius: 6px;
  --ja-header-h: 0px;
  --ja-nav-bg: #0f2a5c;
  --ja-nav-text: #c3d3ec;
  --ja-nav-text-active: #ffffff;

  /* Accent variant dipakai khusus untuk active/hover state di atas
     --ja-bg (mis. mobile menu, submenu dropdown). Terpisah dari
     --ja-accent supaya kontrasnya bisa disesuaikan per mode tanpa
     mengubah warna brand di elemen lain (tombol, ticker, dsb). */
  --ja-accent-active: var(--ja-accent);

  /* Biru muda — satu warna aksen lembut dipakai rata untuk semua
     kategori (bukan per-kategori): background badge, hover card,
     highlight section. */
  --ja-accent-soft: #dbeafe;
  --ja-accent-soft-text: #1d4ed8;

  /* Focus ring untuk keyboard navigation (WCAG 2.4.7) */
  --ja-focus-ring: #2f6fed;

  /* Warna khusus link internal di dalam body artikel (beda dari --ja-accent
     yang dipakai badge/tombol, supaya link gampang dibedain dari teks biasa) */
  --ja-link-blue: #2f6fed;

  /* Token kartu (shadow/radius) dipakai bareng oleh sidebar widget,
     "More Top Stories" di hero, dan section Kolom — disatukan di
     sini (dulu dideklarasikan ulang di tengah file, jauh dari token
     lain) supaya semua kartu di situs konsisten visualnya. */
  --ja-card-radius: 14px;
  --ja-card-shadow: 0 1px 2px rgba(20, 33, 61, 0.05), 0 14px 28px -20px rgba(20, 33, 61, 0.25);
  --ja-card-shadow-hover: 0 4px 10px -2px rgba(20, 33, 61, 0.12), 0 22px 36px -18px rgba(20, 33, 61, 0.3);
}

body.ja-dark-mode {
  --ja-bg: #0b1220;
  --ja-surface: #121b2e;
  --ja-border: #223151;
  --ja-text: #eef2fb;
  --ja-text-muted: #9fadc7;
  --ja-text-faint: #6d7c99;
  --ja-nav-bg: #081633;
  --ja-nav-text: #a9bde3;
  --ja-nav-text-active: #ffffff;
  --ja-accent-soft: #16243f;
  --ja-accent-soft-text: #7fb0ff;

  /* --ja-accent (#1d4ed8) di atas --ja-bg gelap kontrasnya kurang
     kuat untuk teks — dipakai biru yang lebih terang khusus dark
     mode supaya tetap mudah dibaca. */
  --ja-accent-active: #5b9bff;

  /* Ring biru default kurang kontras di atas panel gelap — pakai
     terang di dark mode */
  --ja-focus-ring: #5b9bff;
}