/* EREZ — design tokens
   Fonte: 08-Marca-EREZ/EREZ - Manual da marca (brand sheet).pdf, v1.0 (set/2026).
   Cafe #2C2419 (escuro), Ambar #C5862F, Aurora #F5EEE2 + apoio Argila/Salvia/Pedra.
   Os nomes das variaveis (--lm-espresso, --lm-bone, --lm-brass) sao historicos — mudar o nome
   de 60+ referencias no CSS nao traz valor; o VALOR e o da marca EREZ.
   Nao inventar cor nova: tudo que o site usa esta aqui. */

@font-face {
  font-family: "Fraunces";
  src: url("../brand/fontes/Fraunces-var.woff2") format("woff2-variations");
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../brand/fontes/HankenGrotesk-var.woff2") format("woff2-variations");
  font-weight: 300 700;
  font-display: swap;
  font-style: normal;
}

:root {
  /* --- cor --- */
  --lm-espresso:        #2C2419;  /* CAFE — fundo escuro principal, texto sobre creme */
  --lm-espresso-deep:   #211A11;  /* Cafe -11: footer, overlays, hover em bloco escuro */
  --lm-espresso-soft:   #382E21;  /* Cafe +12: card sobre fundo escuro, divisor */

  --lm-bone:            #F5EEE2;  /* AURORA — fundo claro principal */
  --lm-bone-light:      #FAF6EE;  /* card sobre fundo claro */
  --lm-bone-dim:        #E5DCCC;  /* linha/borda sobre fundo claro */

  --lm-brass:           #C5862F;  /* AMBAR — simbolo, preco, numero, CTA, acento */
  --lm-brass-light:     #DFA859;  /* hover do dourado, dourado sobre escuro */
  --lm-brass-deep:      #8F5F1E;  /* dourado em texto pequeno sobre creme (contraste) */

  /* apoio (brand sheet) — disponiveis, usar com parcimonia */
  --lm-argila:          #BFA189;
  --lm-salvia:          #99A084;
  --lm-pedra:           #938A7C;  /* descritor SAUNAS, legendas grandes; NAO para texto pequeno sobre creme (3:1) */

  /* texto */
  --lm-text-dark:       #2C2419;
  --lm-text-dark-mut:   #6B6053;  /* label, legenda sobre creme */
  --lm-text-light:      #F5EEE2;
  --lm-text-light-mut:  rgba(245, 238, 226, .62);  /* label sobre escuro */

  /* --- tipografia --- */
  --lm-font-display: "Fraunces", "Playfair Display", Georgia, serif;
  --lm-font-body:    "Hanken Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --lm-display-weight: 900;          /* Fraunces sempre em Black no display */
  --lm-display-opsz-hero: 96;        /* font-variation-settings 'opsz' */
  --lm-display-opsz-text: 14;

  /* escala (clamp: mobile -> desktop) */
  --lm-fs-hero:   clamp(2.75rem, 8vw, 5.5rem);
  --lm-fs-h2:     clamp(2rem, 4.5vw, 3.25rem);
  --lm-fs-h3:     clamp(1.375rem, 2.4vw, 1.875rem);
  --lm-fs-body:   clamp(1rem, 1.1vw, 1.0625rem);
  --lm-fs-small:  0.9375rem;
  --lm-fs-label:  0.75rem;   /* uppercase + tracking */

  --lm-track-label: 0.16em;  /* letter-spacing dos labels em caixa alta */
  --lm-track-hero: -0.02em;
  --lm-lh-tight: 1.05;
  --lm-lh-body: 1.6;

  /* --- espaco --- */
  --lm-sp-1: .5rem;  --lm-sp-2: 1rem;   --lm-sp-3: 1.5rem;
  --lm-sp-4: 2rem;   --lm-sp-6: 3rem;   --lm-sp-8: 4rem;
  --lm-sp-12: 6rem;  --lm-sp-16: 8rem;
  --lm-section-y: clamp(4rem, 9vw, 8rem);
  --lm-container: 1200px;
  --lm-container-narrow: 760px;
  --lm-gutter: clamp(1.25rem, 5vw, 3rem);

  /* --- forma --- */
  --lm-radius-sm: 2px;
  --lm-radius:    4px;      /* o catalogo e reto: quase sem arredondamento */
  --lm-radius-img: 2px;
  --lm-border: 1px solid var(--lm-bone-dim);
  --lm-border-dark: 1px solid rgba(245, 238, 226, .14);

  --lm-shadow-card: 0 1px 2px rgba(44,36,25,.06), 0 8px 24px rgba(44,36,25,.06);
  --lm-shadow-lift: 0 2px 4px rgba(44,36,25,.08), 0 18px 44px rgba(44,36,25,.12);

  --lm-ease: cubic-bezier(.2,.6,.2,1);
  --lm-dur: 240ms;
}

/* Utilitario de label — usado no catalogo inteiro */
.lm-label {
  font-family: var(--lm-font-body);
  font-size: var(--lm-fs-label);
  letter-spacing: var(--lm-track-label);
  text-transform: uppercase;
  font-weight: 500;
}

/* Titulo display */
.lm-display {
  font-family: var(--lm-font-display);
  font-weight: var(--lm-display-weight);
  font-variation-settings: "opsz" var(--lm-display-opsz-hero), "SOFT" 0, "WONK" 1;
  line-height: var(--lm-lh-tight);
  letter-spacing: var(--lm-track-hero);
}