/* === BASE === */
html {
  scroll-behavior: smooth;
}

/* === MATERIAL SYMBOLS === */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

/* === EFEITOS VISUAIS === */
.noir-vignette {
  background: radial-gradient(circle, transparent 20%, rgba(0, 0, 0, 0.8) 100%);
}

.gold-shimmer {
  background: linear-gradient(90deg, #d4af37 0%, #f2ca50 50%, #d4af37 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bloom-gold {
  box-shadow: 0 0 40px rgba(242, 202, 80, 0.15);
}

.vignette {
  background: radial-gradient(circle, transparent 40%, #0e0e0e 100%);
}