:root{
  /* marca */
  --navy:#1a1a2e;
  --navy-lift:#2c3e6b;
  --blue:#2E7BFF;
  --blue-light:#7DB2FF;
  --blue-deep:#1B59C9;
  --on-blue:#dbe7ff;
  /* texto */
  --ink:#212529;
  --slate:#495057;
  --muted:#697077;
  /* linhas e fundos claros */
  --line:#dee2e6;
  --edge-strong:#ced4da;
  /* contorno dos campos de formulario: 3:1 sobre branco */
  --edge-field:#868e96;
  --surface:#f8f9fa;
  /* estado ok */
  --green:#177a52;
  --green-wash:#e8f7f0;
  --display:'Archivo',sans-serif;
  --body:'DM Sans',sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --gutter:clamp(20px,5vw,64px);
  --block:clamp(80px,11vh,150px);
  --shell:1280px;
  --brandbar:118px;
  /* ---- escala fluida: ritmo vertical ---- */
  --v1:clamp(24px,3.5vh,38px);--v2:clamp(32px,4.5vh,52px);--v3:clamp(40px,6vh,64px);
  --v4:clamp(48px,7vh,88px);--v5:clamp(64px,9vh,110px);
  /* ---- escala fluida: folgas horizontais ---- */
  --h1:clamp(12px,1.6vw,22px);--h2:clamp(20px,2.4vw,32px);--h3:clamp(28px,4vw,56px);
  --h4:clamp(32px,5vw,72px);
  /* ---- escala de display ---- */
  --fs-d1:clamp(38px,6.2vw,90px);--fs-d2:clamp(34px,5vw,70px);--fs-d3:clamp(29px,4.2vw,58px);
  --fs-d4:clamp(25px,2.9vw,40px);--fs-d5:clamp(19px,2vw,26px);
  --fs-card:clamp(18px,1.6vw,20px);
  --fs-num:clamp(48px,7vw,76px);--fs-lead:clamp(18px,1.4vw,19px);--fs-tab:clamp(15px,1.5vw,20px);
  /* sobre navy: texto em 3 passos e uma linha */
  --on-navy-1:#d7dbe8;--on-navy-2:#aab2c9;--on-navy-3:#7d85a3;
  --navy-line:#33334f;
  /* LCD do equipamento, cores declaradas pelo cliente */
  --lcd-bg:#cdfffe;--lcd-line:#9de0df;--lcd-ink:#1a6b5a;
}
