/* assets/frontend/css/styles.css */
:root { color-scheme: light dark; }
html.dark img[loading="lazy"] { filter: brightness(.95) contrast(1.02); }

.slider { position: relative; }
.slider .slides { transform: translateX(0); }
.slider .dots button { width: 10px; height: 10px; border-radius: 9999px; border: 1px solid rgba(148,163,184,.6); }
.slider .dots button[aria-current="true"] { background: rgb(16,185,129); border-color: rgb(16,185,129); }

.container { max-width: 1100px; }
.prose ol {
  list-style-type: decimal;
  margin-left: 1.25em; /* supaya ada indent */
  padding-left: 1.25em;
}

.prose ul {
  list-style-type: disc;
  margin-left: 1.25em;
  padding-left: 1.25em;
}

.dark .prose ol,
.dark .prose ul {
  color: rgb(226 232 240); /* text-slate-200 */
}