/*
  ARZAA Seguridad Privada — Tokens de marca
  Fuente: Brand Board ARZAA (ver docs/superpowers/specs/2026-09-08-arzaa-website-design.md)
  Regla de uso de color: 55% blanco/gris · 25% azul institucional · 10% azul profundo ·
  7% grafito · 3% dorado. El dorado NUNCA como texto sobre blanco en cuerpos pequeños.
*/
:root{
  /* Colores de marca */
  --azul-arzaa:#0219B1;      /* reconocimiento / acentos primarios */
  --azul-profundo:#111F80;   /* encabezados, piezas institucionales */
  --azul-noche:#07133E;      /* fondo cinematográfico, header/footer */
  --oro:#B38E36;             /* acentos de prestigio, uso moderado */
  --champagne:#D5BB79;       /* detalles premium */

  --gris-claro:#f4f6fb;
  --texto:#0b1220;
  --blanco:#ffffff;

  /* Variantes translúcidas usadas por el header sticky y overlays */
  --azul-noche-85:rgba(7,19,62,.85);
  --azul-noche-60:rgba(7,19,62,.6);
  --linea-clara:rgba(255,255,255,.14);
  --linea-oscura:rgba(7,19,62,.1);

  /* Tipografía */
  --fuente-titulo:'Montserrat',system-ui,sans-serif;
  --fuente-texto:'Inter',system-ui,sans-serif;

  /* Escala tipográfica (clamp = fluida entre móvil y escritorio) */
  --fs-h1:clamp(2rem, 1.4rem + 2.6vw, 3.5rem);
  --fs-h2:clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);
  --fs-h3:clamp(1.2rem, 1.05rem + .7vw, 1.5rem);
  --fs-lead:clamp(1.05rem, 1rem + .3vw, 1.25rem);
  --fs-body:1rem;
  --fs-small:.875rem;

  /* Layout */
  --contenedor:1200px;
  --radio:14px;
  --radio-chico:8px;

  /* Espaciado */
  --esp-1:.5rem;
  --esp-2:1rem;
  --esp-3:2rem;
  --esp-4:4rem;
  --esp-5:6rem;

  /* Otros */
  --sombra-suave:0 10px 30px rgba(7,19,62,.12);
  --transicion:200ms ease;
}