/* ============================================================================
   BRAND TOKENS — Boca Signworks Group USA
   Medidos del material real del cliente (marca/MARCA.md, 16-sep-2026):
   logo oficial (PDF Illustrator) y tarjeta de presentación. Dos tintas: navy y
   blanco. Los grises son TINTES del navy sobre blanco, no un gris neutro.
   Tipografía: Anton (la del logo, titulares) + Nunito Sans (sustituto libre de
   Avenir, el texto de la tarjeta). El logo se usa tal cual (SVG), nunca se redibuja.
   ========================================================================== */
:root{
  /* Color de marca */
  --navy:#192545;            /* logo entero · 80 % de la tarjeta */
  --white:#FFFFFF;
  --ink:#231F20;             /* negro de imprenta de la tarjeta: texto corrido */

  /* Tintes del navy sobre blanco (mezcla lineal, calculados) */
  --tint-03:#F7F8FA;         /* fondo de sección alterna, muy suave */
  --tint-05:#F3F4F7;         /* fondo de sección alterna */
  --tint-10:#E8EAEF;         /* bordes suaves, fondos de chip */
  --tint-15:#DCDFE6;         /* bordes de tarjeta */
  --tint-25:#C5C9D3;         /* separadores fuertes */
  --tint-75:#535C74;         /* texto secundario sobre blanco — 6,7:1 */

  /* Sobre navy */
  --on-navy:#FFFFFF;         /* 15,1:1 */
  --on-navy-muted:#CCCFD6;   /* texto secundario sobre navy — 9,7:1 */
  --navy-line:rgba(255,255,255,.16);

  /* Tipografía */
  --font-display:"Anton","Impact","Arial Narrow Bold",sans-serif;
  --font-text:"Nunito Sans",system-ui,"Segoe UI",Arial,sans-serif;

  /* Sistema de titulares (W33): UN solo criterio en todo el sitio */
  --h-transform:uppercase;
  --h-spacing:.02em;
  --h1:clamp(2.25rem,5.2vw,3.75rem);
  --h2:clamp(1.75rem,3.4vw,2.5rem);
  --h3:1.125rem;

  /* Medidas */
  --radius:4px;
  --tap:48px;                /* objetivo táctil mínimo (W9) */
  --wrap:1180px;
  --gutter:20px;             /* aire lateral en teléfono ≥16 px (W20) */
  --header-h:64px;
}
@media (min-width:900px){
  :root{ --header-h:76px; --gutter:32px; }
}