/* Meger Engenharia · tokens do design system
   Origem: logo oficial (grafite -> ouro/laranja) + conteudo (construtora alto padrao, transparencia e gestao).
   Arquetipo: humano-quente. Nao edite valores nas paginas: consuma estes tokens. */

:root {
  /* Cor · papel de cada uma (ver design-system.md, secao 2) */
  --c-bg: #F5F2ED;            /* papel quente: fundo de leitura */
  --c-surface: #FFFFFF;       /* cards e campos sobre o papel */
  --c-text: #1F2429;          /* texto sobre claro (grafite quase preto) */
  --c-muted: #566068;         /* texto secundario sobre claro */
  --c-white: #FFFFFF;         /* texto sobre escuro */
  --c-dark: #1B1F23;          /* grafite profundo: secoes escuras, header e rodape */
  --c-primary: #2C353E;       /* grafite da marca (o tom do M da logo): cor dominante */
  --c-primary-dark: #161A1D;  /* hover/overlay sobre o grafite */
  --c-accent: #E3A03A;        /* ouro da logo: CTA, filete, destaque sobre escuro */
  --c-accent-deep: #9A5410;   /* laranja queimado: destaque em TEXTO sobre claro (AA) */
  --c-copper: #C86F1D;        /* laranja base da logo: so grafismo/filete, nunca texto */
  --c-n200: #DDD8D0;          /* linhas e divisorias sobre papel */
  --c-n400: #9AA0A6;          /* bordas de campo, icones inativos */
  --c-n500: #636B72;          /* legenda discreta sobre claro (nao usar para texto corrido) */
  --c-on-dark-muted: #B9BEC3; /* texto secundario sobre grafite */
  --grad-marca: linear-gradient(90deg, #3A4550 0%, #7D8389 38%, #E3A03A 78%, #C86F1D 100%); /* filete assinatura */

  /* Tipografia */
  --font-display: 'Montserrat', 'Segoe UI', Arial, sans-serif;
  --font-body: 'Lato', 'Segoe UI', Arial, sans-serif;
  --fw-display: 500;
  --fw-display-strong: 600;
  --fw-body: 400;
  --fw-body-strong: 700;
  --fs-h1: clamp(2.25rem, 1.4rem + 2.4vw, 4rem);      /* ~64px em 1920 */
  --fs-h2: clamp(1.75rem, 1.2rem + 1.8vw, 2.75rem);   /* 44px em 1920, 2 linhas */
  --fs-h3: clamp(1.25rem, 1.05rem + 0.7vw, 1.625rem);
  --fs-lead: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.8125rem;
  --lh-title: 1.12;
  --lh-body: 1.6;
  --tracking-title: -0.01em;
  --tracking-eyebrow: 0.14em;

  /* Espaco, grid, raio, sombra */
  --container: 1200px;
  --px: clamp(20px, 5vw, 32px);
  --section-y: clamp(56px, 9vw, 120px);
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(27,31,35,.08), 0 2px 8px rgba(27,31,35,.06);
  --shadow-md: 0 10px 30px rgba(27,31,35,.14);

  /* Movimento */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur: .9s;
  --dur-fast: .25s;

  /* Layout */
  --header-h: 88px;
}