/* ------------------------------------------------------------------
   Tokens — Cartório de Registro de Imóveis de Monte Carmelo
   Fonte de verdade visual. Em produção vira resources/css/tokens/.
   ------------------------------------------------------------------ */

@font-face {
  font-family: "Figtree";
  src: url("../assets/fonts/Figtree-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../assets/fonts/Figtree-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* Paleta oficial (manual de marca) */
  --marrom: #7A5238;
  --salvia: #5A7973;
  --ambar: #F9AB2D;
  --cinza: #F2F2F2;
  --preto: #000000;

  /* Derivadas */
  --salvia-escuro: #3D5651;
  --salvia-tinta: #243532;
  --salvia-claro: #E4ECEA;
  --marrom-escuro: #5B3C29;
  --ambar-escuro: #D9900F;
  --ambar-claro: #FBC56A;
  --cinza-escuro: #E3E3E1;
  --cinza-linha: #D9DBDA;
  --branco: #FFFFFF;
  --whatsapp: #25D366;
  --whatsapp-escuro: #1EBE5A;

  /* Texto: escuro tingido de sálvia, nunca preto puro */
  --tinta: #2B3331;
  --tinta-suave: #5C6B68;
  --tinta-sobre-escuro: #F2F2F2;
  --tinta-sobre-escuro-suave: #C9D4D1;

  /* Tipografia */
  --fonte: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --miudo: 0.875rem;
  --corpo: clamp(1rem, 0.95rem + 0.25vw, 1.0625rem);
  --corpo-lg: clamp(1.0625rem, 1rem + 0.4vw, 1.25rem);
  --titulo-sm: clamp(1.125rem, 1.05rem + 0.45vw, 1.375rem);
  --titulo: clamp(1.5rem, 1.2rem + 1.3vw, 2.125rem);
  --display: clamp(2rem, 1.3rem + 2.8vw, 3.25rem);
  --entrelinha: 1.6;

  /* Medidas */
  --raio: 8px;
  --gutter: clamp(16px, 4vw, 40px);
  --largura: 1200px;
  --secao-y: clamp(56px, 7vw, 88px);
  --vao: clamp(16px, 2vw, 28px);

  /* Profundidade e movimento */
  --sombra-card: 0 6px 12px -6px rgba(43, 51, 49, 0.28);
  --sombra-faixa: 0 20px 40px -20px rgba(36, 53, 50, 0.45), 0 6px 14px -8px rgba(36, 53, 50, 0.2);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}