/* Sítio Sobral Tepequém: tokens da marca (tema escuro, verde-mata). Fonte de verdade: manual-da-marca-sitio-sobral.md */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700&family=Nunito:wght@400;600;700&family=Jost:wght@500&display=swap");

:root {
  /* cores */
  --cor-fundo: #0F2A22;
  --cor-superficie: #17382E;
  --cor-texto: #F0E6D2;
  --cor-aveia: #BFB59F;
  --cor-acento: #E8782F;
  --cor-texto-sobre-acento: #0F2A22;
  --cor-linha: rgba(240, 230, 210, 0.18);
  --cor-vidro: rgba(23, 56, 46, 0.55);
  --cor-sucesso: #6FAE7A;
  --cor-erro: #C8553D;

  /* fontes */
  --fonte-titulo: "Fraunces", Georgia, serif;
  --fonte-texto: "Nunito", system-ui, sans-serif;
  --fonte-rotulo: "Jost", "Arial", sans-serif;

  /* escala (px) */
  --tam-titulo-1: 64px;
  --tam-titulo-2: 48px;
  --tam-titulo-3: 32px;
  --tam-corpo-1: 18px;
  --tam-corpo-2: 16px;
  --tam-legenda: 13px;

  /* espaço e forma */
  --espaco: 8px;
  --raio: 24px;
  --raio-pilula: 999px;
  --borda: 1px solid rgba(240, 230, 210, 0.18);
  --sombra: 0 12px 32px rgba(0, 0, 0, 0.4);
  --vidro-desfoque: 16px;
  --largura-conteudo: 1200px;
  --grao: 0.04;

  /* motion */
  --motion-rapido: 0.2s;
  --motion-medio: 0.4s;
  --motion-lento: 0.8s;
  --curva: cubic-bezier(0.22, 1, 0.36, 1);
}