/* Palette override — primary lime (69 100% 50%) -> navy #2C3168.
   #2C3168 = hsl(235, 41%, 29%).
   File ini di-load SETELAH vendor CSS di BaseLayout, jadi menang.
   primary-foreground dibalik ke krem karena teks hitam tak terbaca di atas navy. */
:root {
  --primary: 235 41% 29%;
  --primary-foreground: 42 33% 96%;
  --accent: 235 41% 29%;
  --accent-foreground: 42 33% 96%;
  --ring: 235 41% 45%;
  color-scheme: light;
}

/* FIX: atribut hidden harus menang atas utility display (.flex, .grid, ...).
   Preflight bawaan pakai :where() (spesifisitas 0) sehingga kalah dari .flex —
   ini penyebab slot "next" tetap terlihat di section terakhir. */
[hidden] {
  display: none !important;
}

/* Icon toggle mengikuti tema via CSS (anti-desync, tidak bergantung JS):
   light = bulan terlihat, dark = matahari terlihat. */
[data-theme-icon-sun] {
  display: none;
}
[data-theme="dark"] [data-theme-icon-moon] {
  display: none;
}
[data-theme="dark"] [data-theme-icon-sun] {
  display: block;
}

/* DARK MODE — diaktifkan via <html data-theme="dark"> (toggle di header).
   Krem <-> hitam dibalik; primer navy diganti periwinkle terang agar
   tetap kontras di atas background gelap. */
[data-theme="dark"] {
  --background: 240 12% 7%;
  --foreground: 42 33% 95%;
  --card: 240 10% 11%;
  --card-foreground: 42 33% 95%;
  --popover: 240 10% 11%;
  --popover-foreground: 42 33% 95%;
  --primary: 234 60% 72%;
  --primary-foreground: 235 45% 14%;
  --secondary: 349 50% 66%;
  --secondary-foreground: 240 12% 7%;
  --muted: 240 8% 15%;
  --muted-foreground: 40 10% 65%;
  --accent: 234 60% 72%;
  --accent-foreground: 235 45% 14%;
  --destructive: 0 65% 55%;
  --destructive-foreground: 42 33% 96%;
  --border: 42 33% 95% / 0.22;
  --input: 240 8% 15%;
  --ring: 234 60% 72%;
  color-scheme: dark;
}