/* Identidade Fui Convidado */
@font-face {
  font-family: 'Brittany Signature';
  src: url('/assets/fonts/BrittanySignature.woff2') format('woff2'),
       url('/assets/fonts/BrittanySignature.ttf') format('truetype'),
       url('/assets/fonts/BrittanySignature.otf') format('opentype');
  font-display: swap;
}

:root {
  --white: #FFFFFF;
  --rose: #F3D8CC;
  --terra: #C9795B;
  --petrol: #173B4A;
  --slate: #9EADB1;
  --mist: #DDE5E6;
  --graphite: #252A2D;
  --f-serif: 'Bodoni Moda', 'DM Serif Display', Georgia, serif;
  --f-display: 'DM Serif Display', 'Bodoni Moda', Georgia, serif;
  --f-script: 'Brittany Signature', 'Allura', 'Segoe Script', cursive;
  --f-sans: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Logotipo: "Fui" serifada + "convidado" assinatura + "convites digitais" Montserrat Light */
.wm { display: inline-flex; flex-direction: column; align-items: flex-start; line-height: 1; color: var(--petrol); white-space: nowrap; }
.wm-top { display: flex; align-items: baseline; }
.wm-fui { font-family: var(--f-serif); font-weight: 600; font-size: 1em; letter-spacing: -.01em; }
.wm-conv { font-family: var(--f-script); color: var(--terra); font-size: 1.45em; margin-left: .06em; line-height: .8; }
.wm-sub { font-family: var(--f-sans); font-weight: 300; font-size: .27em; letter-spacing: .34em; text-transform: uppercase; color: var(--slate); margin-top: .7em; padding-left: .2em; }
.wm-sm { font-size: 22px; }
.wm-md { font-size: 30px; }
.wm-lg { font-size: 54px; }
.wm-xl { font-size: 88px; }
.wm.on-dark { color: #fff; }
.wm.on-dark .wm-sub { color: var(--slate); }

/* Rodapé fixo de todo convite */
.brand-foot {
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 26px 16px 30px; background: var(--graphite); color: #cfd8da;
  font-family: var(--f-sans); text-align: center;
}
.brand-foot .wm { color: #fff; font-size: 24px; align-items: center; }
.brand-foot .wm-sub { color: var(--slate); }
.brand-foot small { font-size: 12px; letter-spacing: .08em; color: var(--slate); }
.brand-foot a { color: inherit; text-decoration: none; }