/* Casa em Boas Mãos — tokens da marca (Prancha 2, guia de identidade visual) */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('../fonts/merriweather-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/inter-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/inter-italic-latin.woff2') format('woff2');
}
:root {
  /* Cores principais — uso em títulos grandes, ícones e superfícies */
  --amarelo: #FCB72A;
  --verde-agua: #3EC1B5;
  /* Cores secundárias */
  --off-white: #FAF8F3;
  --areia: #E7D9C5;
  --cinza-claro: #E6E8EB;
  --cinza-medio: #9CA3AF;
  --petroleo: #0F6B73;
  /* Derivadas para a web */
  --petroleo-escuro: #0B5258;
  --texto: #1F2A30;
  --texto-suave: #4A5A61;
  --branco: #FFFFFF;
  --amarelo-claro: #FEF1D2;
  --verde-agua-claro: #DDF4F1;
  --erro: #B42318;
  --erro-claro: #FDECEA;
  /* Tipografia */
  --fonte-titulo: 'Merriweather', Georgia, serif;
  --fonte-corpo: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  /* Forma */
  --raio-p: 10px;
  --raio-m: 18px;
  --raio-g: 28px;
  --raio-pilula: 999px;
  --sombra-suave: 0 1px 2px rgba(15, 107, 115, .06), 0 8px 24px rgba(15, 107, 115, .08);
  --sombra-media: 0 2px 4px rgba(15, 107, 115, .08), 0 18px 40px rgba(15, 107, 115, .12);
  /* Espaço */
  --largura-max: 1180px;
  --gutter: clamp(1rem, 4vw, 2rem);
}