/* ============================================================
   ClinikaEasy — Tema Rosê & Dourado
   Paleta delicada para público feminino (estética & beleza)
   Para reverter: remova o <link> no HTML
   ============================================================ */

:root {
  /* Primária: malva/rosê suave — não saturado, elegante */
  --petrol:       #A67C96;
  --petrol-dark:  #7D5870;
  --petrol-light: #C4A2B8;

  /* Dourado champagne */
  --gold:         #C9A84C;
  --gold-soft:    #DCBF7A;
  --gold-deep:    #B08830;

  /* Folha → dourada (segue o logo) */
  --leaf:         #C9A84C;

  /* Fundos muito suaves, quase neutros */
  --ivory:        #fdf8f6;
  --cream:        #f9f3f0;

  /* Texto — marrom quente, não preto frio */
  --ink:          #2e1e28;
  --ink-soft:     #7a606f;

  /* Linhas e bordas */
  --line:         #eedce6;

  /* Sombras delicadas */
  --shadow:       0 8px 40px rgba(125,88,112,.10);
  --shadow-sm:    0 4px 20px rgba(125,88,112,.07);
}

/* ---- Hero: gradiente suave, não pesado ---- */
.hero {
  background:
    radial-gradient(900px 400px at 80% -5%, rgba(201,168,76,.12), transparent 55%),
    linear-gradient(150deg, #B8889A 0%, #8C6480 50%, #72506A 100%);
}

/* ---- Nav links: tom quente ---- */
.nav a { color: var(--ink-soft); }
.nav a:hover { color: var(--petrol-dark); }
.header__login { color: var(--petrol-dark); }

/* ---- Eyebrow: dourado suave ---- */
.eyebrow { color: var(--gold-soft) !important; }

/* ---- Botão primário: dourado champagne ---- */
.btn--primary {
  background: linear-gradient(135deg, #D4AF5A 0%, #B8901E 100%);
  color: #fff;
  border: none;
}
.btn--primary:hover {
  background: linear-gradient(135deg, #DCC070 0%, #C9A84C 100%);
}

/* ---- Botão outline no hero: branco (fundo escuro) ---- */
.hero .btn--outline,
.final-cta .btn--outline {
  border-color: rgba(255,255,255,.5);
  color: #fff;
}
.hero .btn--outline:hover,
.final-cta .btn--outline:hover {
  background: rgba(255,255,255,.12);
}

/* ---- Seções: fundos arejados ---- */
.features   { background: var(--ivory); }
.split      { background: #fff; }
.proof      { background: var(--cream); }
.testimonials { background: var(--ivory); }
.pricing    { background: #fff; }
.faq        { background: var(--cream); }
.final-cta  {
  background:
    radial-gradient(700px 280px at 50% -20%, rgba(201,168,76,.15), transparent),
    linear-gradient(150deg, #B8889A 0%, #72506A 100%);
}

/* ---- Cards de feature: borda rosê ---- */
.feature-card {
  border-color: var(--line);
}
.feature-card:hover {
  border-color: var(--petrol-light);
  box-shadow: var(--shadow-sm);
}

/* ---- Ícones de feature: dourado ---- */
.feature-card .icon { color: var(--gold); }

/* ---- Plans: destaque com gradiente suave ---- */
.plan--featured {
  background: linear-gradient(160deg, #fdf4f8 0%, #f5e8f2 100%);
  border-color: var(--petrol-light);
}
.plan__tag {
  background: linear-gradient(135deg, var(--gold) 0%, var(--gold-deep) 100%);
}

/* ---- Footer: tom quente escuro ---- */
.footer {
  background: var(--petrol-dark);
}

/* ---- WhatsApp float: dourado ---- */
.whatsapp-float {
  background: linear-gradient(135deg, var(--gold) 0%, var(--gold-deep) 100%);
}