:root {
  color-scheme: dark;
}

* {
  scroll-behavior: smooth;
}

.bg-grid {
  background-image: radial-gradient(circle at 1px 1px, rgba(148, 163, 184, 0.18) 1px, transparent 0);
  background-size: 28px 28px;
  mask-image: linear-gradient(to bottom, black 30%, transparent 100%);
}

/* Selector de idioma (ES / EN / FR) */
.lang-btn {
  color: #94a3b8;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.lang-btn:hover {
  color: #ffffff;
}
.lang-btn[aria-pressed='true'] {
  background-color: #0f766e;
  color: #ffffff;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto;
  }
}