/* ============================================================================
   FullCarro · Tokens de diseño
   ----------------------------------------------------------------------------
   Única fuente de verdad del aspecto del sitio. Cambia un valor AQUÍ y se
   propaga a todas las páginas. Los componentes nunca deben usar colores o
   medidas "a fuego": siempre var(--token).
   ============================================================================ */
:root {
  /* ── Marca ──────────────────────────────────────────────────────────────*/
  --marca-navy:            #0f1f3d;
  --marca-naranja:         #ff9540;
  --marca-naranja-oscuro:  #f07d1f;
  --marca-verde-wa:        #25d366;
  --marca-verde-wa-oscuro: #1fb855;

  /* ── Neutrales ──────────────────────────────────────────────────────────*/
  --blanco:        #ffffff;
  --tinta:         #374b5c;
  --gris:          #7a8794;
  --gris-suave:    #eef1f5;
  --linea:         #e6e9ee;
  --linea-punto:   #d4dae2;
  --fondo:         #f4f6f9;
  --negro-galeria: #0b0b0b;

  /* ── Colores semánticos ────────────────────────────────────────────────*/
  --exito:         var(--marca-verde-wa);
  --exito-bg:      #eafaf0;  --exito-texto:  #065f46;  --exito-borde:  #a7f3d0;
  --peligro:       #dc2626;  --peligro-oscuro: #b91c1c;
  --peligro-bg:    #fef2f2;  --peligro-texto:#991b1b;  --peligro-borde:#fecaca;
  --aviso-bg:      #fff8f1;  --aviso-texto:  #a86b32;
  --acento-suave:  #fff5ec;  --acento-suave-borde: #ffe6cf;
  --verde-info:          #10B981;
  --verde-info-suave:    rgba(16,185,129,.12);

  /* ── Alias de rol ────────────────────────────────────────────────────*/
  --acento:        var(--marca-naranja);
  --acento-oscuro: var(--marca-naranja-oscuro);
  --navy:          var(--marca-navy);
  --slate:         var(--tinta);

  /* ── Tipografía ────────────────────────────────────────────────────────*/
  --fuente: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --texto-xs: 12px;  --texto-sm: 13px;  --texto-base: 15px;  --texto-md: 16px;
  --texto-lg: 20px;  --texto-xl: 24px;  --texto-2xl: 28px;   --texto-3xl: 34px;
  --peso-normal: 400; --peso-medio: 600; --peso-fuerte: 700; --peso-extra: 800;

  /* ── Espaciado ─────────────────────────────────────────────────────────*/
  --esp-1: 4px;  --esp-2: 8px;  --esp-3: 12px; --esp-4: 16px; --esp-5: 20px;
  --esp-6: 24px; --esp-8: 32px; --esp-10: 40px; --esp-12: 48px;

  /* ── Radios ────────────────────────────────────────────────────────────*/
  --radio-sm: 6px; --radio: 10px; --radio-md: 12px; --radio-lg: 16px;
  --radio-full: 9999px;

  /* ── Sombras ───────────────────────────────────────────────────────────*/
  --sombra:    0 1px 3px rgba(15,31,61,.06), 0 1px 2px rgba(15,31,61,.04);
  --sombra-md: 0 8px 20px rgba(15,31,61,.10);

  /* ── Layout y movimiento ───────────────────────────────────────────────*/
  --ancho-contenedor: 1200px;
  --alto-cabecera: 64px;
  --trans: .15s ease;
  --ease-out-fuerte: cubic-bezier(0.23, 1, 0.32, 1);
  --z-cabecera: 20;
}