/* ============================================================
   Remodelação visual — estilo Pastel/Fofo
   (rosa, lilás, azul bebê) + tipografia lúdica arredondada
   Este arquivo sobrescreve as cores e fontes do build original
   sem tocar na estrutura/funcionalidade do site.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Quicksand:wght@400;500;600;700&display=swap');

:root, :host {
  /* Cores de marca (usadas em botões, títulos e destaques) */
  --color-brand-primary: #db2777; /* rosa vibrante */
  --color-brand-accent:  #8b5cf6; /* lilás */
  --color-brand-dark:    #3f2148; /* roxo ameixa (substitui o navy escuro) */

  /* Escala neutra (fundo, bordas, textos secundários) —
     antes cinza-azulado frio, agora cinza com leve tom lilás */
  --color-slate-50:  #fdf6fb;
  --color-slate-100: #f9edf7;
  --color-slate-200: #f0dcef;
  --color-slate-300: #e0c3e0;
  --color-slate-400: #b895bb;
  --color-slate-500: #8f6a92;
  --color-slate-600: #6f4f74;
  --color-slate-700: #593c5e;
  --color-slate-800: #3f2a45;
  --color-slate-900: #2c1c31;

  /* Antigo "verde emerald" (caixa de comparação de preço) → azul bebê */
  --color-emerald-50:  #eef6fc;
  --color-emerald-100: #dcecf9;
  --color-emerald-500: #7db9e8;
  --color-emerald-600: #5aa3de;
  --color-emerald-700: #3d84c2;

  /* Tipografia */
  --font-sans: "Quicksand", ui-sans-serif, system-ui, sans-serif;
}

/* Fundo geral da página com leve degradê pastel em vez de branco puro */
body {
  background: linear-gradient(180deg, #fdf3fa 0%, #f6f0fb 45%, #eff6fd 100%) fixed;
}

/* Títulos com fonte mais lúdica e arredondada */
h1, h2, h3, h4,
[class*="text-4xl"], [class*="text-5xl"], [class*="text-6xl"],
[class*="text-3xl"] {
  font-family: "Fredoka", var(--font-sans);
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Sombra do botão principal (CTA) recolorida para rosa em vez de verde */
.shadow-cta {
  --tw-shadow: 0 10px 24px -5px #db277766, 0 8px 14px -6px #db27771a;
}

/* Cantos mais arredondados/fofos em cards, imagens e botões */
.rounded    { border-radius: .75rem !important; }
.rounded-lg { border-radius: 1rem   !important; }
.rounded-xl { border-radius: 1.5rem !important; }
.rounded-2xl{ border-radius: 2rem   !important; }
.rounded-3xl{ border-radius: 2.5rem !important; }

/* Bordas suaves em cards/caixas ganham um toque lilás */
[class*="border-slate-100"],
[class*="border-slate-200"] {
  border-color: #f0dcef;
}