/* Design system do site da Gabriela Tosto (redesign v3, 24/10/2026).
   Marca pessoal, luxo discreto: marfim e oliva, café para profundidade,
   terracota e bordô como acentos, dourado queimado só no logo e em detalhes.
   Contraste: dourado nunca em texto pequeno (3,2 no marfim); texto terciário nunca sobre o oliva claro. */
:root {
  /* superfícies */
  --cream: #F8F1E6;    /* marfim */
  --linen: #EFE6D6;    /* marfim mais quente, seções alternadas */
  --sand: #E4E1CC;     /* oliva claro, fundo de cuidados */
  --olive-soft: #B8B48E; /* oliva médio: formas e destaques, texto café por cima */
  --cocoa: #33261C;    /* café: seções escuras e rodapé */

  /* texto */
  --ink: #33261C;
  --ink-2: #6B5A4C;
  --ink-3: #716356;
  --on-dark: #F8F1E6;
  --on-dark-2: #D9CDBE;

  /* acentos */
  --clay: #56552F;      /* verde oliva: cor de apoio, botões e destaques */
  --clay-deep: #3F3E22;
  --terracota: #9C4A25;
  --bordo: #6E2E26;
  --gold: #A6813F;      /* dourado queimado: logo e detalhes */

  --line: rgba(51, 38, 28, .14);
  --line-dark: rgba(248, 241, 230, .16);

  /* tipografia */
  --serif: "Fraunces", "Cormorant Garamond", Georgia, serif;
  --sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-hero: clamp(2.8rem, 6.2vw, 6rem);
  --fs-h2: clamp(2.1rem, 4.4vw, 3.9rem);
  --fs-h3: clamp(1.35rem, 2vw, 1.7rem);
  --fs-lead: clamp(1.06rem, 1.35vw, 1.25rem);
  --fs-body: 1.0625rem;
  --fs-small: .875rem;
  --fs-eyebrow: .75rem;

  /* espaço e forma */
  --gutter: clamp(16px, 4vw, 48px);
  --maxw: 1240px;
  --section: clamp(96px, 13vw, 176px);
  --radius: 22px;
  --arch: 999px 999px 26px 26px;

  --ease: cubic-bezier(.22, .61, .36, 1);
  --shadow: 0 30px 60px -30px rgba(51, 38, 28, .35);
}