/**
 * Padrão Visual de Header (PVH) — design tokens
 * Fonte: identidade visual Prefeitura de Crateús
 * Versão: 1.0.0
 *
 * Times satélite: importar este arquivo antes do pvh-header.js
 * Não alterar valores sem aprovação da Seplati.
 */

:root {
  /* Paleta crateus-green */
  --pvh-green-0: #eef9ec;
  --pvh-green-1: #e0f0dc;
  --pvh-green-2: #bedeb7;
  --pvh-green-3: #99cb8f;
  --pvh-green-4: #79bb6d;
  --pvh-green-5: #64b156;
  --pvh-green-6: #59ad4a;
  --pvh-green-7: #4a983d;
  --pvh-green-8: #3d8734;
  --pvh-green-9: #1d720a;

  --pvh-primary: var(--pvh-green-9);
  --pvh-on-primary: #ffffff;
  --pvh-surface: #ffffff;
  --pvh-danger: #e03131;
  --pvh-text: #1a1b1e;
  --pvh-muted: #868e96;

  --pvh-font: "Inter", system-ui, -apple-system, sans-serif;

  /* Alturas (estado expandido / desktop) — reserve no layout do app */
  --pvh-top-max: 28px;
  --pvh-logo-section-max: 88px;
  --pvh-nav-rest: 30px;
  --pvh-nav-compact: 44px;
  --pvh-logo-max: 68px;
  --pvh-logo-min: 30px;

  --pvh-height-expanded-desktop: calc(
    var(--pvh-top-max) + var(--pvh-logo-section-max) + var(--pvh-nav-rest)
  );
  --pvh-height-collapsed: var(--pvh-nav-compact);

  --pvh-container: 1320px;
  --pvh-z: 100;
}