/* ============================================================
   TCHÊ PUDIM — IDENTIDADE VISUAL
   "Afeto em cada camada"

   Único arquivo que muda a cara do app.
   ============================================================ */

/* --- Fontes ---
   Montserrat é a fonte secundária oficial da marca — geométrica e moderna.
   Aqui ela puxa a interface inteira, o que dá o ar contemporâneo.
   Recoleta (títulos) e Westonia (assinatura) são comerciais e exigem
   licença de WEBFONT (a de desktop não cobre site).

   PRA COLOCAR AS ORIGINAIS:
   1. Jogue os .woff2 em /public/fonts/
   2. Descomente os @font-face abaixo
   3. Troque --fonte-display para "Recoleta"
*/

/*
@font-face {
  font-family: "Recoleta";
  src: url("/fonts/Recoleta-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
*/

:root {
  /* --- Paleta oficial --- */
  --rosa:         #da5162; /* Rosa principal — afeto, doçura, carinho */
  --rosa-escuro:  #b8394a; /* derivado, para hover e profundidade */
  --rosa-claro:   #fbe7e9; /* derivado, para fundos de destaque */
  --creme:        #fff5ec; /* Rosa creme — leveza, pureza, acolhimento */
  --creme-2:      #fbeade; /* derivado, para realces suaves */
  --branco:       #ffffff; /* Branco */
  --caramelo:     #e2b808; /* Caramelo — tradição, valor, luz, premium */
  --pistache:     #778d5b; /* Verde pistache — frescor, equilíbrio, aconchego */
                           /* ATENÇÃO: o manual traz "#77d5B", inválido (5 dígitos).
                              Este é o mais próximo do swatch. Confirme o hex real. */

  /* --- Superfícies: o branco é a base; o creme é detalhe --- */
  --fundo:        #ffffff;
  --fundo-2:      #fdfaf7; /* seções alternadas, quase imperceptível */

  /* --- Neutros --- */
  --tinta:        #241417; /* texto principal */
  --tinta-media:  #6b545a; /* texto de apoio */
  --tinta-fraca:  #9b8b8e; /* texto terciário */
  --borda:        #ece5e2; /* neutro, quase cinza — é o que dá o ar limpo */
  --borda-forte:  #d9cec9;
  --erro:         #b3261e;

  /* --- Tipografia --- */
  --fonte-display:    "Montserrat", "Recoleta", system-ui, sans-serif;
  --fonte-corpo:      "Montserrat", system-ui, -apple-system, sans-serif;
  --fonte-assinatura: "Parisienne", cursive;

  --t-xs:  0.75rem;
  --t-sm:  0.8125rem;
  --t-md:  0.9375rem;
  --t-lg:  1.125rem;
  --t-xl:  1.5rem;
  --t-2xl: 2rem;
  --t-3xl: clamp(2rem, 5vw, 3rem);

  /* --- Espaço e forma: geometria contida, não arredondada demais --- */
  --gap: 1rem;
  --raio-p: 8px;
  --raio: 12px;
  --raio-g: 16px;
  --sombra: 0 1px 2px rgba(46, 26, 29, .05), 0 2px 8px rgba(46, 26, 29, .04);
  --sombra-alta: 0 8px 28px rgba(46, 26, 29, .12);
  --largura: 1140px;

  /* --- Marca --- */
  --logo-url:  url("/img/logo-horizontal.png");
  --logo-mono: url("/img/monograma.png");
}