/* ==========================================================================
   GBM Seguridad Privada — Tokens de diseño
   Todos los colores, tipografías, radios y espacios viven aquí.
   Cambia un valor y se propaga a todo el sitio.
   ========================================================================== */

:root {
  /* ---------- Marca ---------- */
  --gbm-orange:        #f96604;
  --gbm-orange-600:    #e2431c;
  --gbm-orange-300:    #ff8256;
  --gbm-orange-soft:   rgba(249, 82, 40, .12);

  /* ---------- Neutros ---------- */
  --gbm-navy:          #0f1f33;
  --gbm-navy-700:      #14293f;
  --gbm-navy-900:      #0f1c2e;
  --gbm-black:         #0b0b0c;
  --gbm-carbon:        #1c1f24;
  --gbm-carbon-900:    #101317;
  --gbm-ink:           #23272e;   /* títulos */
  --gbm-body:          #5c646f;   /* texto corrido */
  --gbm-muted:         #8b939f;
  --gbm-line:          #e3e7ec;
  --gbm-surface:       #ffffff;
  --gbm-surface-2:     #f4f6f8;
  --gbm-surface-3:     #eaeef2;

  /* ---------- Tipografía ---------- */
  --gbm-font: 'Plus Jakarta Sans', 'Manrope', 'Montserrat', 'Inter',
              -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;

  --fs-display: clamp(2.4rem, 1.2rem + 3.4vw, 4.35rem);
  --fs-h1:      clamp(1.9rem, 1.2rem + 2.1vw, 3rem);
  --fs-h2:      clamp(1.65rem, 1.15rem + 1.5vw, 2.5rem);
  --fs-h3:      clamp(1.2rem, 1rem + .7vw, 1.65rem);
  --fs-h4:      clamp(1.05rem, .95rem + .35vw, 1.25rem);
  --fs-body:    clamp(.9rem, .86rem + .18vw, 1rem);
  --fs-small:   .8125rem;
  --fs-micro:   .6875rem;

  --lh-tight: 1.08;
  --lh-snug:  1.28;
  --lh-body:  1.65;

  /* ---------- Layout ---------- */
  --container-max: 1360px;
  --gutter: clamp(1rem, .5rem + 1.6vw, 2.5rem);
  --section-y: clamp(3.25rem, 1.9rem + 4vw, 7.25rem);

  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 10px rgba(16, 28, 44, .06);
  --shadow-md: 0 10px 30px rgba(16, 28, 44, .10);
  --shadow-lg: 0 24px 60px rgba(10, 21, 33, .18);
  --shadow-orange: 0 12px 34px rgba(249, 82, 40, .32);

  --ease: cubic-bezier(.22, .68, .3, 1);
  --dur: .45s;

  /* ---------- Header ---------- */
  --topbar-h: 0px;
  --header-h: 96px;
  --logo-w: 152px;
}

@media (max-width: 1199.98px) {
  :root { --header-h: 86px; --logo-w: 140px; }
}
@media (max-width: 767.98px) {
  :root { --header-h: 78px; --logo-w: 132px; }
}