/* =====================================================================
   Tokens — Sergio Gonçalves / Direção "Precisão" — site v2
   Paleta oficial da marca (manual v1.0): #142D4E, #326BCE, #FFFFFF,
   #EDF3FC, #26364A, #53677D, #C5D1E0.
   Tons adicionais de interface (#0B1D35, #102641, #D8E4F5) são uma
   adaptação para o site e NÃO alteram a paleta oficial da marca.
   ===================================================================== */
:root {
  /* Marca */
  --brand-deep: #142D4E;      /* azul principal — grandes áreas */
  --brand-action: #326BCE;    /* destaques, botões, seção de intensidade */
  --white: #FFFFFF;

  /* Interface (adaptação do site) */
  --ink: #0B1D35;             /* azul mais escuro: cabeçalho, hero, rodapé */
  --deep-2: #102641;          /* alternância */
  --on-dark: #FFFFFF;         /* títulos e texto principal sobre azul */
  --on-dark-muted: #D8E4F5;   /* apoio sobre fundos escuros (não usar sobre #326BCE) */
  --line-dark: rgba(216, 228, 245, 0.22); /* divisórias decorativas */
  --line-dark-strong: rgba(216, 228, 245, 0.55);

  /* Estados */
  --pending-bg: #FFE7A3;
  --pending-text: #3D2C00;

  /* Tipografia */
  --font-sans: "Instrument Sans", Arial, sans-serif;

  /* Espaçamento (escala 4–64; seções combinam módulos) */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --section-y: 112px;

  /* Forma */
  --radius-control: 8px;
  --radius-panel: 16px;
  --control-min-height: 48px;

  /* Grade */
  --content-max: 1200px;
  --gutter: 24px;
  --page-margin: 48px;

  /* Movimento */
  --motion-fast: 160ms;
  --motion-base: 240ms;
}
@media (max-width: 1099px) { :root { --section-y: 88px; } }
@media (max-width: 767px)  { :root { --gutter: 16px; --page-margin: 24px; --section-y: 64px; } }
@media (max-width: 359px)  { :root { --page-margin: 16px; } }