/* Token warna & tipografi. Palet resmi COMIKANESIA; tipografi dari comika.company */
:root{
  /* Palet resmi COMIKANESIA: white f2f2f2, gold c49c61, biru muda 0071bc, biru tua 070644 */
  --navy:#070644; --blue:#0071bc; --gold:#c49c61; --white:#f2f2f2;

  /* Peran warna (nama lama dipertahankan supaya CSS lain tidak perlu diubah):
     b1 = utama, b2 = sekunder, b3 = di antaranya, cy = aksen biru terang (sorotan, glow, tombol sekunder;
     cukup terang untuk teks di atas navy). Gold sengaja hemat: hanya lewat --gold / .btn-gold di titik tertentu
     (tombol Submit utama, "NESIA" di hero, Wild Card, tiket bracket). */
  --b1:var(--navy); --b2:var(--blue); --b3:#0a3f8f; --cy:#3a9be0;
  --b1-rgb:7,6,68; --b2-rgb:0,113,188; --cy-rgb:58,155,224; --gold-rgb:196,156,97;
  --cy-hover:#5aaeea;        /* aksen saat hover */
  --gold-hover:#d4b07b;
  --on-accent:var(--navy);   /* teks di atas aksen biru terang / gold */
  --navy-deep:#03022a; --navy-soft:#0d2a7a;   /* gradasi footer & panel gelap */
  /* Gradasi biru comika.company (biru tua → cyan), dipakai hero halaman, panel, footer, nav mobile.
     Hero utama beranda sengaja tetap navy (home.css). */
  --cc-deep:#082678; --cc-mid:#1475c9; --cc-cyan:#1fc3f3;
  --cc-deep-rgb:8,38,120; --cc-cyan-rgb:31,195,243;
  --grad:linear-gradient(135deg,var(--cc-deep),var(--cc-cyan));
  --grad-hero:linear-gradient(135deg,var(--cc-deep) 0%,var(--cc-mid) 62%,var(--cc-cyan) 100%);

  --bg:var(--white); --bg2:#f8f8f8; --bg3:#e4e4e8;
  --ink:#12113a; --ink2:var(--navy); --muted:#5f6380;
  --line:rgba(var(--b1-rgb),.12);
  --card:#fff;

  /* Warna teks status digelapkan supaya kontras >= 4.5:1 di atas latar badge/alert masing-masing */
  --ok:#156f40; --ok-bg:rgba(31,157,85,.10);
  --warn:#8a5208; --warn-bg:rgba(196,128,26,.12);
  --err:#a93226; --err-bg:rgba(192,57,43,.10);

  --f-h:'Play',sans-serif; --f-b:'Plus Jakarta Sans',sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --maxw:1200px;
  --shadow:0 14px 40px rgba(var(--b1-rgb),.10);
  --shadow-lg:0 26px 70px rgba(var(--b1-rgb),.16);
  --grain-op:.045; --grain-blend:multiply;
}

[data-theme="dark"]{
  --bg:#070E22; --bg2:#0E1A35; --bg3:#0B1736;
  --ink:#C9D4E8; --ink2:#EEF4FF; --muted:#7C8DAE;
  --line:rgba(120,170,230,.14);
  --card:#0E1A35;
  --shadow:0 14px 40px rgba(0,0,0,.35);
  --shadow-lg:0 26px 70px rgba(0,0,0,.5);
  --grain-op:.06; --grain-blend:screen;
}