/**
 * temas-perfil.css — SO CORES / VARIAVEIS (nunca layout)
 * Skill: SP_acompanhante_redesign.md (secao 🎨 TEMAS POR TIPO DE USUARIO)
 *
 * Fase 1 (2026-11-04): tema unico ROSA PADRAO (#D4004F) — qualquer tipo de
 *   anunciante renderiza rosa. Layout fica em mv-perfil.css.
 *
 * Fase 2 (futuro): trocar por classe no <body> vinda do PHP (sem tocar em layout):
 *   body.tema-mulheres  -> rosa    (o rosa padrao passa a valer so pra elas)
 *   body.tema-homens    -> azul
 *   body.tema-trans     -> laranja
 *   body.tema-casais    -> verde
 *   (logica de selecao do tema: definir na Fase 2 — nao afeta o v20)
 */

:root {
  /* === CORES PRINCIPAIS (rosa padrao MorangoVIP) === */
  --mv-primary:   #D4004F;   /* framboesa — cor de marca */
  --mv-dark:      #A8003C;   /* framboesa escuro */
  --mv-deeper:    #3D0020;   /* vinho profundo */
  --mv-accent:    #FF4D8A;   /* rosa vibrante */

  /* === SUPERFICIES === */
  --mv-bg:        #FDF5F7;   /* background */
  --mv-card:      #FFFFFF;   /* fundo de cards */
  --mv-border:    #F2D0DA;   /* borda padrao */
  --mv-light:     #FFF0F5;   /* rosa muito claro */

  /* === TIPOGRAFIA === */
  --mv-text:      #2C1018;
  --mv-muted:     #8C5060;

  /* === ESTADOS === */
  --mv-success:   #1DB954;
  --mv-warning:   #FF9500;
  --mv-danger:    #D4004F;

  /* === GRADIENTES (herdam das cores acima) === */
  --mv-hero-grad: linear-gradient(135deg, #1E0A12 0%, #3D0020 55%, #6A0035 100%);
  --mv-cta-grad:  linear-gradient(135deg, var(--mv-primary) 0%, var(--mv-accent) 100%);
}

/* ============ FASE 2 (futuro) — trocar so as variaveis, layout intocado ============
   Descomentar quando o PHP passar a setar a classe no <body>:

body.tema-homens {
  --mv-primary: #1565C0; --mv-dark: #0D47A1; --mv-accent: #42A5F5;
  --mv-bg: #F2F7FD; --mv-border: #CFE3F7; --mv-light: #EAF3FE;
  --mv-text: #0C1B2A; --mv-muted: #4A6B85;
  --mv-hero-grad: linear-gradient(135deg, #071A2E 0%, #0D3B66 55%, #1565C0 100%);
  --mv-cta-grad: linear-gradient(135deg, #1565C0 0%, #42A5F5 100%);
}
body.tema-trans {
  --mv-primary: #E65100; --mv-dark: #BF360C; --mv-accent: #FF9100;
  --mv-bg: #FFF7F0; --mv-border: #FADCC4; --mv-light: #FFF1E3;
  --mv-text: #2B1503; --mv-muted: #9A6A3C;
  --mv-hero-grad: linear-gradient(135deg, #2B1503 0%, #7A2E00 55%, #E65100 100%);
  --mv-cta-grad: linear-gradient(135deg, #E65100 0%, #FF9100 100%);
}
body.tema-casais {
  --mv-primary: #2E7D32; --mv-dark: #1B5E20; --mv-accent: #66BB6A;
  --mv-bg: #F2FAF3; --mv-border: #CFEAD2; --mv-light: #E9F7EB;
  --mv-text: #0E1F10; --mv-muted: #55805A;
  --mv-hero-grad: linear-gradient(135deg, #0E1F10 0%, #1B5E20 55%, #2E7D32 100%);
  --mv-cta-grad: linear-gradient(135deg, #2E7D32 0%, #66BB6A 100%);
}
============================================================================= */