/* ==========================================================================
   Arquitetura Clara — Design Tokens
   Paleta herdada do material de marca real (deck de etapas de projeto),
   tipografia elevada para padrão editorial (Aesop/Apple).
   ========================================================================== */

:root {
  /* Cor — neutra e quente, um único acento */
  --color-bg: #f8f6f2;
  --color-bg-alt: #efeae2;
  --color-surface: #ffffff;
  --color-ink: #1c1916;
  --color-ink-soft: #55504a;
  --color-taupe: #8b7362;
  --color-taupe-soft: #b7a798;
  --color-line: #e3ded4;
  --color-beige-detail: #dccfbb;

  --color-bg-rgb: 248, 246, 242;

  /* Inversão — usada apenas no CTA final. Marrom-escuro real da identidade
     (visto no ícone/negativa fornecidos pelo cliente), não um preto genérico. */
  --color-ink-rgb: 28, 25, 22;
  --color-surface-dark: #5c4c3d;
  --color-on-ink: #f8f6f2;
  --color-on-ink-soft: #cfc7bd;

  /* Tipografia */
  --font-display: "Fraunces", "Iowan Old Style", "Georgia", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-hero: clamp(2.75rem, 6.5vw, 6.75rem);
  --fs-h2: clamp(2.125rem, 4.2vw, 3.75rem);
  --fs-h3: clamp(1.375rem, 2.2vw, 1.875rem);
  --fs-lead: clamp(1.125rem, 1.6vw, 1.375rem);
  --fs-body: clamp(1rem, 1.05vw, 1.125rem);
  --fs-small: 0.8125rem;

  --lh-tight: 1.08;
  --lh-snug: 1.3;
  --lh-normal: 1.7;

  --tracking-wide: 0.14em;

  /* Espaçamento fluido */
  --space-section: clamp(3rem, 7vw, 6rem);
  --space-gutter: clamp(1.5rem, 5vw, 5rem);
  --container-max: 1400px;

  /* Movimento */
  --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 200ms;
  --duration-base: 500ms;
  --duration-slow: 900ms;

  /* Elevação */
  --shadow-soft: 0 20px 60px -30px rgba(28, 25, 22, 0.25);
  --shadow-lift: 0 30px 80px -30px rgba(28, 25, 22, 0.35);

  /* Breakpoints (referência — usados via media query, não var CSS) */
}