/* ==========================================================================
   Silvtech — Tokens do design system
   Fonte única de verdade para cor, tipografia e espaçamento.
   Não inventar valores fora daqui. Ver design-system.md.
   ========================================================================== */

:root {
  /* ---- Paleta (4 cores + 2 derivados) ---- */
  --cor-fundo: #f6f4ef; /* off-white quente, fundo dominante */
  --cor-texto: #16161a; /* grafite quase-preto */
  --cor-acento: #1b2a4a; /* azul-marinho profundo, uso pontual */
  --cor-neutro: #6b6960; /* texto secundário, metadados — 5:1 contra --cor-fundo (WCAG AA) */
  --cor-superficie: #ffffff; /* cards e formulários */
  --cor-borda: #e2e0d6; /* bordas 1px, divisores */

  /* ---- Ritmo visual (design-system-v2-ritmo-visual.md) ----
     Nenhuma cor nova de matiz: --cor-fundo-alt é um stone da mesma família
     bege do --cor-fundo; --cor-acento-translucido é o próprio acento com
     opacidade, usado só sobre fundo escuro sólido (nunca decorativo/blur). */
  --cor-fundo-alt: #ede9dc; /* alternância de seção clara (tipo B) */
  --cor-borda-alt: #d8d4c6; /* borda de card sobre --cor-fundo-alt */
  --cor-acento-translucido: rgba(246, 244, 239, 0.08); /* chip sobre seção tipo C */
  --cor-acento-borda-translucida: rgba(246, 244, 239, 0.25);

  /* ---- Espaçamento — grade de 8px ---- */
  --esp-1: 8px;
  --esp-2: 16px;
  --esp-3: 24px;
  --esp-4: 32px;
  --esp-5: 48px;
  --esp-6: 64px;
  --esp-7: 96px;
  --esp-8: 128px;

  /* ---- Tipografia (mobile-first: valores mobile) ---- */
  --fs-h1: 34px;
  --fs-h2: 27px;
  --fs-h3: 20px;
  --fs-destaque: 18px;
  --fs-corpo: 16px;
  --fs-legenda: 13px;
  --fs-rotulo: 12px;

  --ff-titulo: "Playfair Display", Georgia, serif;
  --ff-texto: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;

  /* ---- Layout ---- */
  --container-max: 1140px;
  --container-pad: 24px;
  --respiro-secao: 64px; /* mobile */
  --raio: 4px;
}

@media (min-width: 1024px) {
  :root {
    --fs-h1: 52px;
    --fs-h2: 36px;
    --fs-h3: 24px;
    --fs-destaque: 20px;
    --fs-corpo: 17px;
    --fs-legenda: 14px;
    --fs-rotulo: 13px;

    --container-pad: 48px;
    --respiro-secao: 96px;
  }
}