/* ==========================================================================
   GEISI INTERIORES — Design Tokens
   Fonte única de verdade do visual. Altere aqui para refletir em todo o site.
   Paleta extraída da identidade visual oficial da marca:
   #101010 (preto) · #F5F5F5 (off-white) · #D9AE6B (dourado)
   ========================================================================== */

:root {
  /* ---------- Cor ---------- */
  --c-ink:          #101010;  /* preto da marca */
  --c-ink-soft:     #1c1b19;  /* fundo escuro com leve calor */
  --c-ink-80:       #3a3835;
  --c-ink-60:       #6b6761;
  --c-ink-40:       #9b958c;

  --c-bone:         #F5F5F5;  /* off-white da marca */
  --c-canvas:       #faf8f5;  /* fundo claro quente, base do site */
  --c-canvas-warm:  #f2ede5;  /* faixas alternadas */
  --c-sand:         #e6ddd0;  /* bege de apoio */

  --c-gold:         #D9AE6B;  /* dourado da marca */
  --c-gold-deep:    #b88c48;  /* dourado para texto sobre fundo claro */
  --c-gold-soft:    #f0e2cb;

  --c-line:         rgba(16, 16, 16, 0.12);
  --c-line-strong:  rgba(16, 16, 16, 0.24);
  --c-line-light:   rgba(245, 245, 245, 0.16);

  --c-whatsapp:     #25D366;

  /* ---------- Tipografia ---------- */
  --f-display: 'Playfair Display', 'Times New Roman', serif;
  --f-sans:    'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --fs-eyebrow: 0.6875rem;                          /* 11px — rótulos caixa alta */
  --fs-micro:   0.75rem;                            /* 12px */
  --fs-small:   clamp(0.8125rem, 0.78rem + 0.15vw, 0.875rem);
  --fs-body:    clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
  --fs-lead:    clamp(1.0625rem, 1rem + 0.4vw, 1.25rem);
  --fs-h4:      clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  --fs-h3:      clamp(1.25rem, 1.1rem + 0.7vw, 1.75rem);
  --fs-h2:      clamp(1.875rem, 1.4rem + 2.1vw, 3.25rem);
  --fs-h1:      clamp(2.125rem, 1.4rem + 3.3vw, 4.25rem);
  --fs-display: clamp(2.5rem, 1.5rem + 4.6vw, 5.5rem);
  --fs-numeral: clamp(2.25rem, 1.6rem + 2.8vw, 4rem);

  --lh-tight:   1.08;
  --lh-snug:    1.22;
  --lh-body:    1.72;

  --ls-eyebrow: 0.22em;
  --ls-caps:    0.14em;
  --ls-tight:   -0.015em;

  /* ---------- Espaçamento ---------- */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.5rem;
  --sp-6:  2rem;
  --sp-7:  3rem;
  --sp-8:  4rem;
  --sp-9:  6rem;
  --sp-10: 8rem;

  --section-y:   clamp(4.5rem, 3rem + 7vw, 9.5rem);  /* respiro vertical das seções */
  --section-y-s: clamp(3rem, 2rem + 4.5vw, 6rem);
  --gutter:      clamp(1.25rem, 0.6rem + 3vw, 4rem); /* margem lateral */
  --maxw:        1320px;
  --maxw-text:   62ch;

  /* ---------- Forma e profundidade ---------- */
  --r-sm: 2px;
  --r-md: 4px;
  --r-lg: 8px;
  --r-pill: 999px;

  --shadow-soft:  0 1px 2px rgba(16,16,16,.04), 0 8px 24px rgba(16,16,16,.06);
  --shadow-lift:  0 2px 6px rgba(16,16,16,.06), 0 24px 56px rgba(16,16,16,.12);

  /* ---------- Movimento ---------- */
  --e-out:   cubic-bezier(0.22, 1, 0.36, 1);
  --e-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --t-fast:  0.25s;
  --t-base:  0.45s;
  --t-slow:  0.9s;

  /* ---------- Layout fixo ---------- */
  --nav-h: 76px;
}

@media (max-width: 860px) {
  :root { --nav-h: 64px; }
}