/* Sua Morada — design tokens v3.1
   Direção: editorial, acolhedora e esperançosa. Fotografia real colorida e luminosa,
   muito respiro, serifa clássica nos títulos. Fundo claro e quente, faixas em damasco
   e sálvia claros, terracota viva para ações. Sem blocos escuros.
   Nada de padrões, inclinações ou elementos sobrepostos. */

:root {
  /* Fundo & tinta — claro, quente, cheio de luz */
  --porcelana: #fffaf3;     /* fundo da página */
  --branco: #ffffff;        /* cartões, formulários */
  --areia: #fcefe3;         /* faixas em damasco claro */
  --areia-2: #efdac7;       /* bordas, divisórias */
  --salvia-claro: #ecf2e8;  /* faixas em sálvia clara */
  --ink: #2b211c;           /* texto principal (15:1) */
  --ink-soft: #5c4b42;      /* secundário (8:1) */
  --ink-muted: #6e5c50;     /* legendas (≥5.5:1 em todas as faixas) */

  /* Terracota viva — cor de ação (os nomes "musgo" ficaram por compatibilidade) */
  --musgo: #b9532f;         /* botões; branco sobre ela 4.7:1 */
  --musgo-2: #9f4526;       /* hover */
  --musgo-soft: #e6f0e1;    /* caixas de explicação positivas (sálvia) */
  --on-musgo: #ffffff;
  --on-musgo-soft: #fde9dc;

  /* Acentos */
  --argila: #b9532f;        /* numerais, ícones, links (4.7:1) */
  --argila-soft: #fbe0cf;
  --folha: #4f7a52;         /* checks e sinais positivos (4.9:1) */

  /* Estados */
  --ok: #3f6b47;
  --error: #a8261c;
  --error-on-dark: #ffb4a9;

  /* Type */
  --font-display: "Libre Caslon Display", "Libre Caslon Text", Georgia, serif;
  --font-serif: "Libre Caslon Text", Georgia, serif;
  --font-body: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: clamp(1.375rem, 1.15rem + 0.9vw, 1.75rem);
  --text-2xl: clamp(1.75rem, 1.3rem + 1.8vw, 2.5rem);
  --text-3xl: clamp(2.25rem, 1.5rem + 3vw, 3.75rem);
  --text-hero: clamp(2.75rem, 1.6rem + 4.6vw, 5.25rem);

  --leading-tight: 1.06;
  --leading-snug: 1.25;
  --leading-body: 1.65;
  --tracking-display: -0.01em;

  /* Space */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;
  --s-10: 8rem;
  --section-y: clamp(5rem, 3.5rem + 6vw, 9.5rem);
  --gutter: clamp(1.25rem, 0.5rem + 3vw, 3rem);
  --max: 1200px;
  --measure: 62ch;

  /* Shape */
  --r-1: 4px;
  --r-2: 10px;
  --r-3: 18px;
  --r-pill: 999px;

  /* Depth — discreta */
  --shadow-1: 0 1px 2px rgb(30 27 24 / 0.06), 0 2px 8px rgb(30 27 24 / 0.05);
  --shadow-2: 0 10px 30px -12px rgb(30 27 24 / 0.18), 0 2px 6px rgb(30 27 24 / 0.05);

  /* Motion — suave, nunca saltitante */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-1: 180ms;
  --dur-2: 360ms;
  --dur-3: 800ms;
}