/* ============================================================
   dupllex — tokens de marca compartilhados (extraídos do site real)
   Wordmark grafite · imagem biofílica de luxo · grotesca estendida
   ============================================================ */
:root {
  /* Tinta / neutros quentes (travertino, off-white) */
  --ink:        #1b1b19;   /* grafite do logo */
  --ink-soft:   #3a3a35;
  --paper:      #faf8f4;   /* off-white quente */
  --sand:       #ece5da;   /* travertino claro */
  --sand-deep:  #d8cdbd;   /* travertino */
  --stone:      #b7ab98;

  /* Madeira (deck / caixilhos) */
  --walnut:     #7a5c40;
  --walnut-dk:  #4a3826;

  /* Verde botânico (folhagem) — acento de marca */
  --green:      #2f5d3a;
  --green-mid:  #4a7a4e;
  --green-pop:  #36d04b;   /* acento vivo da marca — uso pontual */

  /* Terracota (mobiliário das coberturas) */
  --terra:      #bd5a34;
  --terra-soft: #d98a63;

  --sky:        #9fc0d2;

  /* Tipo — variável Archivo (largura + peso) */
  --font: "Archivo", system-ui, -apple-system, sans-serif;
  --wide: 125;   /* wdth para displays estendidos */

  --maxw: 1280px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font-family: var(--font); font-weight: 400;
       -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; border: 0; background: none; }
h1,h2,h3,h4 { margin: 0; font-weight: 700; line-height: 1.02;
              font-variation-settings: "wdth" var(--wide); letter-spacing: -0.02em; }
p { margin: 0; }

.wide { font-variation-settings: "wdth" var(--wide); }
.u-container { max-width: var(--maxw); margin-inline: auto; padding-inline: clamp(1.25rem, 5vw, 4rem); }
.eyebrow { font-size: .72rem; letter-spacing: .28em; text-transform: uppercase; font-weight: 600; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}