/* =================================================================
   glass.css - Effet verre depoli Neo-Tactile
   Classe utilitaire opt-in : ajouter .glass sur un container.
   Les fonds sont modules par --glass-intensity (slider theme-switcher).
   ================================================================= */

.glass {
  background:
    radial-gradient(circle at 70% 20%, var(--accent-glow) 0%, transparent 55%),
    var(--glass-surface);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
}

.glass-strong {
  background:
    radial-gradient(circle at 70% 20%, var(--accent-glow) 0%, transparent 55%),
    var(--glass-surface-hover);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
  border: 1px solid var(--glass-border);
  box-shadow:
    0 24px 64px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 80px rgba(212, 166, 74, 0.05);
}

.glass-flat {
  background: var(--glass-surface);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
  border: 1px solid var(--glass-border);
}