/* Cenários do memorial. Base constante da marca (marfim, grafite,
   champagne) + o cenário escolhido (doc 13). Desde a T-89 o cenário não
   fica só no fundo da abertura: cada tema tem três tons que a página do
   memorial usa nos detalhes (memorial.css):
     --theme-accent  cor de destaque; escura o bastante para TEXTO sobre
                     marfim (contraste AA ≥ 4,5:1 — conferido para todos)
     --theme-tint    tom bem claro, para fundos de cartão
     --theme-line    tom médio, para linhas e bordas
   --theme-bg é a foto; --theme-overlay, o véu do formulário (etapa 4).
   CÓDIGOS nunca mudam (memorials.theme_code) — tema novo é código novo. */

[data-theme="blue-sky"] {
  --theme-bg: url('/assets/images/themes/blue-sky.webp');
  --theme-overlay: rgba(235, 240, 247, 0.90);
  --theme-accent: #3D6B9E;
  --theme-tint: #EEF3F9;
  --theme-line: #C9D8EA;
}
[data-theme="sunset"] {
  --theme-bg: url('/assets/images/themes/sunset.webp');
  --theme-overlay: rgba(255, 247, 237, 0.90);
  --theme-accent: #A8430F;
  --theme-tint: #FBF0E8;
  --theme-line: #EFCDB5;
}
[data-theme="forest"] {
  --theme-bg: url('/assets/images/themes/forest.webp');
  --theme-overlay: rgba(240, 245, 240, 0.90);
  --theme-accent: #2F6B3A;
  --theme-tint: #EEF4EE;
  --theme-line: #C8DCC9;
}
[data-theme="ocean"] {
  --theme-bg: url('/assets/images/themes/ocean.webp');
  --theme-overlay: rgba(236, 242, 248, 0.90);
  --theme-accent: #1D5F8A;
  --theme-tint: #EAF3F7;
  --theme-line: #C3DCE8;
}
/* T-89 — temas novos. */
[data-theme="flower-field"] {
  --theme-bg: url('/assets/images/themes/flower-field.webp');
  --theme-overlay: rgba(252, 240, 245, 0.90);
  --theme-accent: #A23E6E;
  --theme-tint: #FBEFF4;
  --theme-line: #F0CADB;
}
[data-theme="green-valley"] {
  --theme-bg: url('/assets/images/themes/green-valley.webp');
  --theme-overlay: rgba(241, 246, 234, 0.90);
  --theme-accent: #4A7A2B;
  --theme-tint: #F1F6EA;
  --theme-line: #D2E3BF;
}

.theme-bg {
  position: fixed;
  inset: 0;
  background-image: var(--theme-bg);
  background-size: cover;
  background-position: center;
  z-index: 0;
}
.theme-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--theme-overlay);
}
.theme-content {
  position: relative;
  z-index: 1;
  max-width: 720px;
  margin: 0 auto;
  padding: 2rem 1rem;
  background: #FFFFFF;
  border-radius: 8px;
}