/* VivaMee Brand Layer
   Camada visual oficial da nova marca.
   Mantém a estrutura existente, mas troca a sensação visual para VivaMee. */

:root{
  --vivamee-pink:#ff4fd8;
  --vivamee-cyan:#46d9ff;
  --vivamee-gold:#f5c15b;
  --vivamee-violet:#8d6bff;
}

/* Marca principal */
.brand,
.auth-brand{
  letter-spacing:-.055em;
}

.brand::first-letter,
.auth-brand::first-letter{
  color:#ffffff;
}

.brand span,
.auth-brand span{
  background:linear-gradient(90deg,var(--vivamee-pink),var(--vivamee-gold) 52%,var(--vivamee-cyan));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
  filter:drop-shadow(0 0 12px rgba(255,79,216,.16));
}

/* Esconde cápsulas de versão antigas sem remover código */
.brand small,
.auth-brand small{
  display:none !important;
}

/* Selo superior */
.header-live-dot{
  color:#dff8ff !important;
}

/* Botões principais com cara VivaMee */
.btn.primary,
.create-main-btn,
.register-link{
  background:linear-gradient(135deg,var(--vivamee-pink),#ff8d55,var(--vivamee-gold)) !important;
  color:#160b12 !important;
  border-color:transparent !important;
  box-shadow:0 14px 30px rgba(255,79,216,.18);
}

/* Aura viva no header */
.topbar.header-pro{
  background:
    radial-gradient(circle at 10% 18%, rgba(70,217,255,.12), transparent 28%),
    radial-gradient(circle at 42% 0%, rgba(255,79,216,.10), transparent 26%),
    linear-gradient(180deg, rgba(4,10,28,.98), rgba(7,16,39,.94)) !important;
}

/* Home e auth */
.aVivaMee-landing .eyebrow,
.auth-presentation .eyebrow{
  color:var(--vivamee-cyan);
}

.landing-proof span,
.header-live-dot,
.tag{
  border-color:rgba(70,217,255,.18);
}

/* Compatibilidade com textos antigos em footer/docs */
.footer{
  opacity:.9;
}