/* ==========================================================================
   Lucy Martins — Estrategista de Produção
   DESIGN TOKENS · edite aqui cores, tipografia, espaçamentos e movimento.
   ========================================================================== */
:root {
  /* ---- Paleta oficial (moodboard) ---- */
  --ink:      #080907;  /* preto profundo */
  --paper:    #F4F2EF;  /* off-white — fundo principal */
  --terra:    #B44E1D;  /* terracota — destaque */
  --olive:    #3E3F20;  /* verde-oliva — apoio natural */
  --caramel:  #AD794F;  /* caramelo — nuance */

  /* ---- Derivados (sempre misturas da paleta) ---- */
  --paper-deep: color-mix(in srgb, var(--paper) 90%, var(--caramel));   /* bloco claro com calor */
  --paper-lift: color-mix(in srgb, var(--paper) 55%, #ffffff);          /* card claro */
  --ink-soft:   color-mix(in srgb, var(--ink) 76%, var(--paper));       /* texto secundário (≥ 7:1) */
  --line:       color-mix(in srgb, var(--ink) 16%, transparent);
  --line-light: color-mix(in srgb, var(--paper) 24%, transparent);
  --paper-soft: color-mix(in srgb, var(--paper) 78%, transparent);      /* texto secundário em fundo escuro */
  --scrim:      color-mix(in srgb, var(--ink) 62%, transparent);
  --hero-ground: #F2E5DD;  /* fundo amostrado das fotos aprovadas do hero — continua a imagem sem emenda */
  --terra-deep: color-mix(in srgb, var(--terra) 86%, var(--ink));       /* hover do botão */

  /* ---- Tipografia ---- */
  --font-serif: "Playfair Display", "Libre Baskerville", Georgia, serif;
  --font-sans:  "DM Sans", "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-mega:    clamp(5.5rem, 2rem + 17vw, 20rem);      /* grande composição tipográfica */
  --fs-display: clamp(2.75rem, 1.7rem + 4.2vw, 5.5rem);  /* h1 */
  --fs-h2:      clamp(2.25rem, 1.55rem + 2.8vw, 4rem);
  --fs-h3:      clamp(1.5rem, 1.25rem + 1vw, 2rem);
  --fs-quote:   clamp(1.75rem, 1.35rem + 1.6vw, 2.5rem);
  --fs-lead:    clamp(1.125rem, 1.05rem + .35vw, 1.3125rem);
  --fs-body:    1.0625rem;   /* 17px */
  --fs-small:   .9375rem;    /* 15px */
  --fs-eyebrow: .75rem;      /* 12px — rótulos em caixa-alta */

  --lh-tight: 1.04;
  --lh-head:  1.12;
  --lh-body:  1.65;

  /* ---- Espaçamento (base 8) ---- */
  --s-1: 4px;  --s0: 8px;   --s1: 16px;  --s2: 24px;  --s3: 32px;
  --s4: 48px;  --s5: 64px;  --s6: 96px;  --s7: 128px; --s8: 160px;
  --section-y: clamp(56px, 2.5rem + 4vw, 112px);   /* revisado: ritmo mais compacto */
  --head-gap: clamp(32px, 1.5rem + 2vw, 48px);       /* título de seção → conteúdo */
  --container: 1280px;
  --gutter: clamp(20px, 5vw, 64px);
  --measure: 62ch;

  /* ---- Forma ---- */
  --radius: 2px;
  --border: 1px solid var(--line);

  /* ---- Movimento ---- */
  --dur-1: 180ms;
  --dur-2: 280ms;
  --dur-3: 400ms;
  --ease-out: cubic-bezier(.22, .61, .36, 1);
  --ease-in:  cubic-bezier(.55, 0, 1, .45);
  --stagger: 70ms;
  --dur-enter: 700ms;   /* entradas no scroll (títulos/cards) */
  --dur-img: 900ms;     /* revelação de imagens */
  --ease-enter: cubic-bezier(.16, 1, .3, 1);
  --marquee-speed: 64s;

  --header-h: 76px;
}