/* Paleta clara: champagne #E9DFD0, accent #C89088, texto #52312D / dourado-rose escuro */

:root {
  --radius: 0.375rem;
  --background: #e9dfd0;
  --foreground: #52312d;
  --card: #f6f1ea;
  --card-foreground: #52312d;
  --primary: #c89088;
  --primary-foreground: #faf8f5;
  --secondary: #e5d9cc;
  --secondary-foreground: #52312d;
  --muted: #dfd3c6;
  --muted-foreground: #62423d;
  --accent: color-mix(in srgb, #c89088 22%, transparent);
  --accent-foreground: #52312d;
  --border: rgba(200, 144, 136, 0.45);
  --input: rgba(82, 49, 45, 0.08);
  --ring: rgba(200, 144, 136, 0.65);

  --rose-gold: #c89088;
  --rose-gold-bright: #b87a72;
  --deep-rose: #6b3d38;
  --burgundy: #5c3632;
  --burgundy-deep: #452823;
  --cream: #fbf7f3;
  --ink: #52312d;

  /* Nomes/títulos em script: ouro rosado escuro (legível sobre champagne) */
  --gradient-gold: linear-gradient(
    135deg,
    #4a2926 0%,
    #6b4038 34%,
    #8f5f56 62%,
    #744c45 100%
  );
  --gradient-invite-title: var(--gradient-gold);

  /* Véu champagne bem leve — imagem Gemini visível */
  --gradient-veil: linear-gradient(
    180deg,
    rgba(233, 223, 208, 0.28) 0%,
    rgba(233, 223, 208, 0.08) 48%,
    rgba(237, 228, 218, 0.32) 100%
  );
  --gradient-burgundy: radial-gradient(
    ellipse at center,
    rgba(229, 215, 202, 0.45) 0%,
    rgba(233, 223, 208, 0.78) 75%
  );

  --shadow-elegant:
    0 22px 56px -18px rgba(82, 49, 45, 0.1),
    0 0 0 1px rgba(200, 144, 136, 0.18);
  --shadow-soft: 0 10px 34px -12px rgba(82, 49, 45, 0.08);
  --shadow-glow: 0 0 40px -8px rgba(200, 144, 136, 0.28);
}

html {
  background-color: var(--background);
}

body {
  background-color: var(--background);
  color: var(--foreground);
}

/* Stack do hero isolado para z-index da foto */
.hero-section {
  isolation: isolate;
}

/* Opacidades não existem no Tailwind vendido (opacity-[…]); evita damask opaco tapando o Gemini */
.hero-damask-layer {
  opacity: 0.07;
}
.hero-corner-rose {
  opacity: 0.34;
}
.section-debutante-damask {
  opacity: 0.14;
}
.section-gifts-damask {
  opacity: 0.1;
}

/* Vinhetas do topo/rodapé bem suaves */
.hero-section .from-background {
  --tw-gradient-from: rgba(233, 223, 208, 0.22) !important;
}

/* Texto escuro sobre fundo claro */
.text-shadow-elegant {
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.35),
    0 2px 16px rgba(233, 223, 208, 0.85),
    0 1px 2px rgba(82, 49, 45, 0.12);
}

.text-gold {
  filter: drop-shadow(0 1px 2px rgba(82, 49, 45, 0.12));
}

.filigree-bg {
  background-image:
    radial-gradient(circle at 48% 48%, rgba(200, 144, 136, 0.09) 0.85px, transparent 1.35px),
    radial-gradient(circle at 0 0, rgba(200, 144, 136, 0.06) 1px, transparent 2px);
  background-size: 24px 24px, 48px 48px;
}

/* Molduras sobre fundo claro */
.frame-ornate {
  border-color: rgba(200, 144, 136, 0.5);
  box-shadow:
    var(--shadow-soft),
    inset 0 0 0 1px rgba(200, 144, 136, 0.2),
    inset 0 0 36px rgba(255, 252, 248, 0.35);
}

.frame-ornate::before,
.frame-ornate::after {
  border-color: rgba(200, 144, 136, 0.65);
}

.frame-double {
  outline-color: rgba(200, 144, 136, 0.38);
}

/* Painéis claros tipo vidro fosco sobre áreas fotográficas */
.bg-soft-frame {
  background: rgba(252, 248, 244, 0.58);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.bg-soft-panel {
  background: rgba(251, 245, 239, 0.78);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.bg-soft-address {
  background: rgba(247, 240, 233, 0.88);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.bg-soft-tile {
  background: rgba(248, 242, 235, 0.9);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.bg-soft-strong {
  background: rgba(246, 236, 228, 0.94);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}