/* ============================================================
   BÜCH ENGENHARIA — Design Tokens
   Origem: Manual da Marca Büch (verde escuro predominante + neutros areia/taupe).
   Direção aprovada: MONOCROMÁTICO VERDE (checkpoint etapa 3).
   ============================================================ */
:root {
  /* — Marca (rastreável ao manual, p.8) — */
  --verde-800: #062722;   /* verde profundo (quase preto-esverdeado) */
  --verde-700: #093D35;   /* VERDE PREDOMINANTE da marca */
  --verde-600: #0F4C42;   /* derivado: superfícies/hover mais claras */
  --verde-500: #2A6A5E;   /* derivado: linhas/detalhe sobre verde */

  --areia-50:  #F4F2EC;   /* fundo claro principal (derivado do areia) */
  --areia-100: #E3E0D7;   /* areia oficial (manual) */
  --areia-200: #D6D2C6;   /* borda/rule sobre claro */

  --taupe-400: #A6A39B;   /* taupe oficial (manual) — texto suave/legendas */
  --taupe-500: #8B887F;   /* taupe mais fechado p/ contraste AA */

  /* — Acento champanhe: só linha, ponto, número e palavra-chave (ver design-system.md) — */
  --champanhe-400: #C9A46B;

  /* — Papéis semânticos (tema claro, base do site) — */
  --bg:            var(--areia-50);
  --bg-elev:       #FBFAF6;   /* cards/superfície elevada */
  --bg-deep:       var(--verde-700);  /* seções escuras / hero / divisores */
  --bg-deep-2:     var(--verde-800);

  --text:          var(--verde-800);  /* texto principal sobre claro */
  --text-soft:     #4A4F4B;           /* texto corpo secundário */
  --text-muted:    var(--taupe-500);  /* legendas/eyebrow sobre claro */
  --on-deep:       var(--areia-100);  /* texto sobre verde */
  --on-deep-soft:  #B9C4BE;           /* texto suave sobre verde */

  --accent:        var(--verde-700);  /* acento = a própria marca (monocromático) */
  --accent-on:     var(--areia-100);  /* texto sobre acento */
  --line:          var(--areia-200);  /* filete/regra sobre claro */
  --line-deep:     rgba(227,224,215,.16); /* filete sobre verde */

  /* — Tipografia — */
  --font-display: "Hanken Grotesk", "Segoe UI", system-ui, sans-serif; /* subst. de Gadugi (humanist) */
  --font-body:    "Mulish", "Segoe UI", system-ui, sans-serif;         /* subst. de Museo Sans */

  /* escala (contida/editorial — atitude sóbria do arquétipo premium) */
  --step--1: clamp(0.80rem, 0.77rem + 0.15vw, 0.88rem);
  --step-0:  clamp(1.00rem, 0.96rem + 0.20vw, 1.10rem);
  --step-1:  clamp(1.20rem, 1.12rem + 0.40vw, 1.44rem);
  --step-2:  clamp(1.50rem, 1.35rem + 0.75vw, 2.00rem);
  --step-3:  clamp(1.95rem, 1.65rem + 1.50vw, 3.05rem);
  --step-4:  clamp(2.45rem, 1.95rem + 2.50vw, 4.20rem);
  --step-5:  clamp(3.00rem, 2.20rem + 4.00vw, 5.60rem);

  --tracking-eyebrow: 0.22em;   /* small-caps tracked (device do manual) */
  --tracking-wordmark: 0.14em;

  /* — Espaço / raio / sombra — */
  --space-section: clamp(4.5rem, 3rem + 6vw, 8.5rem); /* muito respiro / "arejamento" */
  --container: 1200px;
  --container-narrow: 820px;
  --radius: 4px;      /* raio contido, sóbrio (não arredondado) */
  --radius-lg: 8px;
  --shadow: 0 1px 2px rgba(6,39,34,.06), 0 8px 30px rgba(6,39,34,.06);
  --shadow-deep: 0 20px 60px rgba(6,39,34,.35);
}