/* 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; }