/* ============================================================
   DiveLog DS — Splash Page Container (v1.1)
   ============================================================
   Container trasparente sopra splash-bg + card semitrasparente.
   Pattern unificato per Login, Register, User Dashboard,
   Log Dives, New Dive.

   NOTA (2026-07-19): il background della card era hardcoded
   rgba(25,28,28,0.75) — che coincide esattamente con --color-surface
   del tema dark, ma non cambiava in light theme. Con testo interno
   su --color-text-primary (theme-aware), in light mode il contrasto
   crollava quasi a 1:1. Ora usa --surface-glass / --surface-glass-border
   da design-token.md, con valori distinti per dark/light.
   ============================================================ */

/* ── Container sopra splash-bg ── */
.splash-page {
  background: transparent;
  position: relative;
  z-index: 10;
}

/* ── Card semitrasparente con backdrop blur ── */
.splash-page__card {
  background: var(--surface-glass);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--surface-glass-border);
  box-shadow: var(--shadow-high);
  padding: var(--space-10) var(--space-8);
}

/* ── Responsive ── */
@media (max-width: 599px) {
  .splash-page__card {
    border-radius: var(--radius-large);
    padding: var(--space-6) var(--space-4);
  }
}

/* ── Reduced Motion ── */
@media (prefers-reduced-motion: reduce) {
  .splash-page *,
  .splash-page *::before,
  .splash-page *::after {
    transition: none !important;
    animation: none !important;
  }
}