/* ==========================================================================
   TIPOGRAFIA — PrimaDecor
   --------------------------------------------------------------------------
   Fonte única da verdade da tipografia e das cores da marca. Para trocar
   letra, tamanho, peso, espaçamento ou cor, mude AQUI: o resto do site só
   usa os nomes --prima-* abaixo.
   Guia visual com exemplos, logo e regras de uso: marca/index.html

   As três famílias moram em assets/fonts/ (nada vem do Google Fonts):
     Fraunces Soft  → TÍTULOS e LOGOTIPO   serifa de pontas arredondadas, itálica
                                          com "a" e "p" charmosos: afeto + festa
     Nunito         → TEXTO                parágrafos, botões, menus, formulários
                                          (sans de cantos redondos, fácil de ler)
     Caveat         → TOQUE À MÃO          frases afetivas, nomes em convite,
                                          bilhetinhos — use pouco
   A Fraunces foi fixada no estilo da marca (SOFT 100, tamanho óptico 144) e só
   manteve o eixo de peso: arquivo de 45 KB em vez de 150 KB.
   Licença: SIL Open Font License 1.1 (uso comercial livre, inclusive em site e
   material impresso). Textos da licença: assets/fonts/OFL-*.txt
   Arquivos só com o alfabeto latino (cobre todo o português: ã õ ç â ê ô é…).
   ========================================================================== */

/* ---------- 1. Arquivos ---------- */
@font-face {
  font-family: "Fraunces Soft";
  src: url("../fonts/fraunces-soft-italic.woff2") format("woff2");
  font-weight: 300 800;          /* variável: qualquer peso de 300 a 800 */
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces Soft";
  src: url("../fonts/fraunces-soft.woff2") format("woff2");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/nunito.woff2") format("woff2");
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/nunito-italic.woff2") format("woff2");
  font-weight: 200 1000;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Caveat";
  src: url("../fonts/caveat.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

/* ---------- 2. Tokens ---------- */
:root {
  /* papéis — trocar a família aqui troca o site inteiro */
  --prima-font-titulo: "Fraunces Soft", Georgia, "Times New Roman", serif;
  --prima-font-texto: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --prima-font-mao: "Caveat", "Segoe Print", "Bradley Hand", cursive;

  /* escala fluida: clamp(celular, crescimento, computador) */
  --prima-size-display: clamp(3rem, 1.6rem + 5.2vw, 6.2rem);    /* chamada do topo      48 → 99px */
  --prima-size-h2: clamp(2.2rem, 1.4rem + 3.2vw, 4rem);          /* título de seção      35 → 64px */
  --prima-size-h3: clamp(1.45rem, 1.2rem + 1vw, 2rem);           /* título de bloco      23 → 32px */
  --prima-size-h4: clamp(1.15rem, 1.05rem + .4vw, 1.35rem);      /* nome do tema/card    18 → 22px */
  --prima-size-corpo: 1.0625rem;                                  /* 17px — texto corrido */
  --prima-size-pequeno: .875rem;                                  /* 14px — legendas, notas */
  --prima-size-selo: .78rem;                                      /* 12,5px — SELOS em caixa alta */
  --prima-size-mao: clamp(1.5rem, 1.25rem + 1vw, 2.1rem);        /* frase à mão          24 → 34px */

  /* pesos */
  --prima-peso-titulo: 600;       /* Fraunces: 600 no título, 500 em textos longos em itálico */
  --prima-peso-texto: 500;        /* Nunito: 500 lê melhor que 400 no fundo creme */
  --prima-peso-forte: 800;        /* Nunito: botões, selos, destaques */
  --prima-peso-mao: 600;          /* Caveat */

  /* entrelinha e espaço entre letras */
  --prima-altura-titulo: 1.02;
  --prima-altura-texto: 1.65;
  --prima-espaco-titulo: -.015em;
  --prima-espaco-selo: .22em;     /* caixa alta sempre espaçada */

  /* cores da marca */
  --prima-framboesa: #D2466E;        /* cor principal: "prima", botões, destaques */
  --prima-framboesa-escura: #A8325A; /* texto/botão sobre claro com letra branca (contraste 6:1) */
  --prima-dourado: #CE9E3E;          /* o balão do "i", detalhes, frase à mão — herança do logo antigo */
  --prima-dourado-claro: #F2C66D;    /* balão/detalhe sobre fundo escuro ou framboesa */
  --prima-cacau: #3D2A32;            /* "decor", textos */
  --prima-creme: #FFF8EF;            /* fundo principal */
  --prima-creme-2: #F7E9DC;          /* fundo de seção alternada, bordas */
  --prima-ceu: #8CC8E6;              /* apoio: festas infantis, chá de bebê */
  --prima-salvia: #A8C4A2;           /* apoio: festas adultas, batizado */
  --prima-pessego: #F6B79A;          /* apoio: aconchego, fundos de card */
}

/* ---------- 3. Classes prontas ---------- */
.t-display, .t-h2, .t-h3 {
  font-family: var(--prima-font-titulo);
  font-style: italic;
  font-weight: var(--prima-peso-titulo);
  line-height: var(--prima-altura-titulo);
  letter-spacing: var(--prima-espaco-titulo);
}
.t-display { font-size: var(--prima-size-display); }
.t-h2 { font-size: var(--prima-size-h2); }
.t-h3 { font-size: var(--prima-size-h3); }
.t-h4 { font-family: var(--prima-font-titulo); font-weight: 600; font-size: var(--prima-size-h4); line-height: 1.2; }
.t-texto { font-family: var(--prima-font-texto); font-weight: var(--prima-peso-texto); font-size: var(--prima-size-corpo); line-height: var(--prima-altura-texto); }
.t-pequeno { font-family: var(--prima-font-texto); font-size: var(--prima-size-pequeno); line-height: 1.5; }
.t-selo {
  font-family: var(--prima-font-texto);
  font-weight: var(--prima-peso-forte);
  font-size: var(--prima-size-selo);
  letter-spacing: var(--prima-espaco-selo);
  text-transform: uppercase;
}
.t-mao { font-family: var(--prima-font-mao); font-weight: var(--prima-peso-mao); font-size: var(--prima-size-mao); line-height: 1.1; }