/* MC15 — identidade visual do convite físico.
   Vinho Marsala #56070c · dourado metálico #D3AF37,
   com foil entre #E5C158 (brilho) e #B8860B (sombra). */
:root {
  /* Base */
  --wine: #56070c;
  --black: var(--wine);            /* token legado de fundo — hoje, vinho */
  --surface-raised: #4b060b;       /* tint mais escuro da base: campos e cartões */
  --surface-hover: #61080f;        /* tint mais claro: hover */

  /* Ouro metálico */
  --gold-100: #e5c158;             /* brilho do foil */
  --gold-200: #d3af37;             /* ouro principal: textos, bordas, botões */
  --gold-300: #c6a033;             /* médio */
  --gold-400: #b8860b;             /* profundo */
  --gold-500: #9a7513;             /* silencioso: réguas e detalhes */
  --gold-600: #7e6012;
  --hairline: rgba(211, 175, 55, .34);
  --foil: linear-gradient(100deg, #b8860b 0%, #e5c158 26%, #d3af37 50%, #e5c158 74%, #b8860b 100%);
  --on-gold: #170304;              /* texto sobre botão dourado */
  --danger: #f2a68f;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-none: 0px;
  --radius-sm: 2px;
  --radius-full: 999px;
  --glow-gold: 0 0 32px rgba(211, 175, 55, .28);
  --border-hairline: 1px;
  --border-strong: 2px;

  /* Tipografia: display serif de alto contraste (títulos e monograma),
     sans limpa caixa-alta (subtítulos e informações), script como acento. */
  --font-display: "Playfair Display", "Cormorant Garamond", Garamond, "Times New Roman", serif;
  --font-script: "Great Vibes", "Brush Script MT", cursive;
  --font-serif: "Cormorant Garamond", "Cormorant", Garamond, "Times New Roman", serif;
  --font-sans: "Montserrat", "Lato", "Helvetica Neue", Arial, sans-serif;
}
.script-xl { font-family: var(--font-script); font-size: 72px; line-height: 1.1; font-weight: 400; }
.script-lg { font-family: var(--font-script); font-size: 48px; line-height: 1.15; font-weight: 400; }
.name-display { font-family: var(--font-display); font-size: 56px; line-height: 1.05; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; }
.date-display { font-family: var(--font-display); font-size: 48px; line-height: 1.1; font-weight: 500; letter-spacing: .06em; }
.heading { font-family: var(--font-display); font-size: 28px; line-height: 1.25; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.body { font-family: var(--font-serif); font-size: 19px; line-height: 1.55; font-weight: 500; }
.body-sm { font-family: var(--font-serif); font-size: 17px; line-height: 1.5; font-weight: 500; }
.eyebrow { font-family: var(--font-sans); font-size: 14px; line-height: 1.4; font-weight: 300; letter-spacing: 0.32em; text-transform: uppercase; }
.label { font-family: var(--font-sans); font-size: 13px; line-height: 1.4; font-weight: 400; letter-spacing: 0.18em; text-transform: uppercase; }